jQuery Cycle插件：在同一页面上为不同的库提供多个寻呼机

我有一个单一的网页，其中有一个缩略“周期”画廊的多个实例。但问题是，寻呼系统变得一团糟，它在一个或一些东西中添加所有内容。这对你们来说可能很简单，但这就是我得到的：

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

HTML:

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

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

这将添加第二个类imgSelect0到imgSelectN，其中N是画廊总数减去1。如果指定的寻呼机相同，插件内部计数器会不断添加号码，因此解决方法是为每个库指定不同的寻呼机选择器

这将添加第二个类imgSelect0到imgSelectN，其中N是画廊总数减去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

hth.

这应该可以：

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

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

---

hth.

谢谢，我的意思是寻呼机正在出现，但它正在计算页面中的所有图像，而不是该分区的图像。因此，与其说是4个图像，不如说是12个图像，因为页面中有12个。哎呀，我应该补充的是，实际的“循环”根本没有发生！所以这里出了点大问题！我试着修改插件附带的示例，用寻呼机制作了2个图库，效果很好。不同的是附加到$'div.gallery'而不是$'.imgWrap ul'的循环函数，因此我认为您编写了不同的html ic，您将图像放在s中，一个分区，我的意思是寻呼机正在出现，但它计算页面中的所有图像，而不是该分区的图像。因此，与其分页，不如说是4个图像，这是第12页，因为页面中有12页。哎呀，我应该补充一点，实际的“循环”根本没有发生！所以这里出了点大问题！我试着修改插件附带的示例，用寻呼机制作了2个图库，效果很好。区别在于附加到$'div.gallery'而不是$'.imgWrap ul'的循环函数，因此我认为您编写了您的html differentlyah ic，您将图像放在s中，一秒钟

$(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;
            });
        });
    });

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