有谁知道一个jQuery库做图像幻灯片与视频嵌入幻灯片查看区域的附加利益?类似于ESPN.com首页的工作方式。是否有jQuery图像和视频幻灯片库?
回答
哇 - 当您在幻灯片中点击回到视频时,视频会恢复!这是相当整洁的...我怀疑其他任何人都已经做到了。您可以靠近Scrollable: http://flowplayer.org/tools/demos/tabs/slideshow.html
只需将视频放入其中一个选项卡而不是图像。
您可以轻松使用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');
},
});
而且你可以将一个事件,您的视频播放器插件,推进循环到下一个幻灯片时,视频播放完毕。
基本的jQuery滑块(http://basic-slider.com/)非常灵活。您可以在每张幻灯片中嵌入任何类型的HTML(图像,文本,嵌入视频等)。
太棒了。很轻的 – htmldrum 2012-12-06 07:57:47
@ khedaywi你知道如何将箭头(下一个和前一个)放到div的外面吗? – 2014-01-18 20:23:28
@FranciscoCorrales您可以使用CSS中的绝对位置将下一个和上一个箭头放在任何地方。最简单的方法就是直观地调整CSS的这些元素,就是通过右键单击元素并单击“检查元素”来使用Google Chrome的开发人员工具等Web开发人员工具。 关于http://basic-slider.com/上的滑块示例,可以通过将'ul.bjqs-controls.v-centered li.bjqs-prev a'设置为'left:-49px ;' – khedaywi 2014-02-18 13:00:47
- 1. 幻灯片与图像和视频
- 2. jquery幻灯片和html5视频
- 3. jQuery的幻灯片添加具有图像幻灯片容器
- 4. 幻灯片在图像 - jQuery
- 5. jQuery的图像幻灯片
- 6. 幻灯片图像,与jQuery周期视频
- 7. 图像幻灯片的JavaScript幻灯片
- 8. 优化JQuery和Flex图像幻灯片
- 9. jQuery Cycle Plugin幻灯片与Vimeo视频
- 10. Android:创建图像和视频幻灯片
- 11. 幻灯片图像
- 12. 图像幻灯片与音频
- 13. jquery图片库幻灯片动画
- 14. 在Android中幻灯片显示图像/视频像WhatsApp状态?
- 15. Jquery缩略图图像幻灯片
- 16. JavaScript图片库幻灯片
- 17. Wordpress幻灯片图片库
- 18. jquery图片幻灯片
- 19. jquery/javascript图片幻灯片
- 20. Bakground图像div隐藏jquery幻灯片
- 21. jQuery的图像自动幻灯片
- 22. jQuery幻灯片图像延迟
- 23. jquery图像滚动 - 幻灯片转换
- 24. jQuery幻灯片 - 图像转换问题
- 25. 基本2图像幻灯片在Jquery
- 26. jquery幻灯片使用背景图像
- 27. 快jQuery的图像幻灯片
- 28. jquery简单图像幻灯片教程
- 29. 幻灯片的jQuery图像索引
- 30. jquery幻灯片图像标题
链接是烂的... – MarioDS 2012-11-25 14:43:36
链接在答案死 - 404 Not Found |道歉! |我们无法找到你要找的东西.. – Pang 2017-06-23 00:17:44