寻找双幻灯片/旋转木马选项

时间:2011-06-30 17:15:04

标签: javascript jquery jquery-plugins slideshow carousel

客户希望在其网站上的演示文稿中共享幻灯片,但旁边有一组匹配的“注释”,基本上需要双重同步幻灯片。我只设法找到一个jQuery插件dualSlider,它就是这样做的。这看起来很可疑,所以我想知道我是否因为命名,描述等原因而错过了其他选项。是否有人知道其他人?

  • jQuery是首选,但不是绝对要求。
  • 两个窗格都应该接受任意内容。
  • 直接从Flickr画廊拉取的能力会让每个人都很开心,但我知道这种情况并不常见。
  • 我知道每组幻灯片都可以合成为一个图像文件等。暂时试图避免这种情况。

1 个答案:

答案 0 :(得分:1)

大多数单滑块提供了一种控制滑块的方法。

例如,jQuery循环插件(参见:http://jquery.malsup.com/cycle/),这可以通过创建两个列表,为它们提供相同的时间和速度来轻松完成,并创建如下按钮:

<div id="gallery1">... slideshow images/divs here</div>
<div id="gallery1">... second slideshow images/divs here</div>
<div id="nextbutton">
   Next
</div>

在js:

$(document).ready(function () {
    $("#gallery1").cycle();
    $("#gallery2").cycle();

    $("#nextbutton").click(function () { 
        $("#gallery1").cycle('next');
        $("#gallery2").cycle('next');
    });
});