有 jQuery 图像和视频幻灯片库吗？ [关闭]答案

【问题标题】：Is there a jQuery image and video slideshow library? [closed]有 jQuery 图像和视频幻灯片库吗？ [关闭]
【发布时间】：2011-02-13 14:10:22
【问题描述】：

有谁知道用于制作图像幻灯片的 jQuery 库，它具有嵌入在幻灯片查看区域中的视频的额外好处？类似于 ESPN.com 主页的工作方式。

【问题讨论】：

标签： jquery slideshow

【解决方案1】：

基本的 jQuery 滑块 (http://basic-slider.com/) 非常灵活。您可以在每张幻灯片中嵌入任何类型的 HTML（图像、文本、嵌入视频等）。

【讨论】：

太棒了。非常轻巧
@khedaywi 你知道如何将箭头（下一个和上一个）放在 div 之外吗？
@FranciscoCorrales 您可以使用 CSS 中的绝对位置将下一个和上一个箭头放置在您想要的任何位置。最简单的可视化调整这些元素的 css 是通过右键单击元素并单击 Inspect Element 来使用 Web 开发者工具，例如 Google Chrome 的开发者工具。关于basic-slider.com 上的滑块示例，可以通过将ul.bjqs-controls.v-centered li.bjqs-prev a 设置为left: -49px; 来调整上一个按钮
谢谢你，如果你想知道我是怎么做到的，这里是：stackoverflow.com/questions/21200574/…

【解决方案2】：

您可以轻松地为此使用jQuery Cycle plugin。

$('#container').cycle({
    /* cycle options here */
    before: function(currEl) {
        // Stop the video, using any video plugin of your choice 
        // (e.g., JWPlayer, MeddiaElementJS, etc.)
        $(currEl).myVideoPlugin('stop');
    },
});

您可以在视频播放器插件中附加一个事件，当视频播放完毕后，该插件会将循环推进到下一张幻灯片。

【讨论】：

【解决方案3】：

哇——当您在幻灯片中单击返回视频时，视频会继续播放！这很整洁......我怀疑那里的其他人已经做到了。您可以使用 Scrollable 来接近： http://flowplayer.org/tools/demos/tabs/slideshow.html

只需将视频而不是图像放在其中一个选项卡中即可。

【讨论】：

答案中的链接已失效 - 404 Not Found |道歉！ |我们找不到您要查找的内容..