Question

我有一个单页，其中有一个缩略图'循环'库的多个实例。问题是，Paging系统搞砸了（它在一个或一个东西中添加了所有内容）。这对你们来说可能很简单，但这就是我所拥有的：

$(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，在它之前添加一个Pager 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

Answer 2

$(function(){
    $('div.gallery').each(function() {

        $(this).before('<div class="imgSelect" />');

        $('.imgWrap ul').cycle({
            fx: 'fade',
            speed: 'fast',
            timeout: 0,
            pager:  '.imgSelect'
            });
        });
    });

将在每个div.imgSelect

之前添加div.gallery

我不确定你的意思是：

但所有这些寻呼机应该只计算该画廊中的图像

哦，ic，试试这个：

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

这将通过imgSelectN添加第二个类imgSelect0，其中N是画廊总数减1。如果指定的寻呼机相同，插件内部计数器会继续添加数字，因此解决方法是为每个图库分配不同的寻呼机选择器。

jQuery Cycle Plugin：同一页面上不同图库的多个寻呼机

2 个答案: