Javascript 循环播放多个幻灯片

我使用Cycle2在一个最近的版本上进行了一个简单的幻灯片放映，但是我在一个页面上有多个幻灯片。我已经阅读了文档，并且认为我已经得到了它，但是遗憾的是，上一个/下一个导航和寻呼机并没有很好地工作。寻呼机输入的“点”太多，上一个/下一个不起作用

JS和下面的一个“滑块”HTML

$('.slider').each(function() {
    var $this = $(this);
    $this.before('<div class="slider-pager">');
    $this.cycle({
        fx: 'scrollHorz',
        sync: true,
        speed:  'fast', 
        timeout: 0, 
        next:   $this.next('.slider-navigation .next'), 
        prev:   $this.next('.slider-navigation .prev'),
        pager:  $this.prev('.slider-pager')
    });
    $this.parent().hover(
        function() {
            $this.next('.slider-navigation').stop(true,true).fadeIn();
            $this.prev('.slider-pager').stop(true,true).fadeIn();
        }, function() {
            $this.next('.slider-navigation').stop(true,true).hide();
            $this.prev('.slider-pager').stop(true,true).hide();
        }
    );
});

<div class="slider-container">
    <div class="slider">
        <img src="/media/thumbnails/uploads/shop/prints/reynolds-after-raphael_page_image.jpg" />
        <img src="/media/thumbnails/uploads/shop/prints/reynolds-after-raphael_page_image.jpg" />
        <img src="/media/thumbnails/uploads/shop/prints/reynolds-after-raphael_page_image.jpg" />
        <img src="/media/thumbnails/uploads/shop/prints/reynolds-after-raphael_page_image.jpg" />
    </div>
    <div class="slider-navigation">
       <a class="prev" href="#">I</a>
       <a class="next" href="#">J</a>
    </div>
</div>

$（'.slider'）。每个（函数（）{
var$this=$（this）；
$this.before（“”）；
$this.cycle({
fx:‘滚动人’，
是的，
速度：“快”，
超时：0，
下一步：$this.next（'.slider navigation.next'），
prev:$this.next（'.slider navigation.prev'），
寻呼机：$this.prev（“.slider pager”）
});
$this.parent（）.hover(
函数（）{
$this.next（'.slider navigation'）.stop（true，true.fadeIn（）；
$this.prev（'.slider pager'）.stop（true，true.fadeIn（）；
}，函数（）{
$this.next（'.slider navigation'）.stop（true，true.hide（）；
$this.prev（'.slider pager'）.stop（true，true.hide（）；
}
);
});

干杯，

---

R

下面的代码对我有用，我从

$（文档）.ready（函数（）{
$（'.pics'）。每个（函数（）{
风险值周期=$（此），
controls=cycle.parent（）.find（'.controls'），
fx=周期数据（“fx”），
速度=循环。数据（“速度”）200；
循环({
超时：0，
速度:速度,，
外汇:外汇,，
next:controls.find（'.next'），
prev:controls.find（'.prev'），
标题：cycle.parent（）.find（'div.caption'），
前：功能（当前、下一步、选项）{
opts.caption.html（$（next.attr（'title'））；
}
});
});
});

以前的
下一个
第一滩
以前的
下一个
海滩2