jQuery 循环插件 : Multiple Pagers for different galleries on same page

Question

我有一个页面，其中有缩略图“循环”库的多个实例。但问题是，分页系统变得一团糟(它将所有内容添加到一个或某个东西中)。这对你们来说可能很简单，但这就是我所得到的:

$(function(){ 
$('div.gallery')
.before('<div class="imgSelect">')
.each(function() {
$('.imgWrap ul').cycle({
fx: 'fade',
speed: 'fast',
timeout: 0,
pager:  '.imgSelect'
    });
  });
});

HTML:

<div class="imgWrap">
    <div class="gallery">
        <ul>
            <li><img src="images/travel1.jpg" alt="" /></li>
            <li><img src="images/travel2.jpg" alt="" /></li>
            <li><img src="images/travel3.jpg" alt="" /></li>
        </ul>
    </div>
   </div>

我基本上想说的是，对于每个名为“.gallery”的 div，在其前面添加一个寻呼机 div (.imgSelect) - 但所有这些寻呼机都应该只计算该图库中的图像。

任何帮助将不胜感激， 干杯。

Answer 1

这应该有效:

$(function() {
    $('.gallery ul').each(function(i) {
        $(this).before('<div class="imgSelect imgSelect'+i+'">').cycle({
            fx:     'fade',
            speed:  'fast',
            timeout: 2000,
            pager:  '.imgSelect' + i
            });
        });
    });

注意:超时以毫秒为单位，将其设置为零将停止循环:D

第h。