1

我有一个页面，其中包含多个缩略图“循环”画廊实例。但问题是，分页系统变得一团糟（它是在一个或一个东西中添加所有内容）。这对你们来说可能很简单，但这就是我所拥有的：

$(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) - 但所有这些寻呼机应该只计算该画廊中的图像。

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

4

2 回答 2

4

这应该工作：

$(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。

于 2010-03-01T08:19:36.477 回答
0 
$(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

我不确定你的意思是：

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

哦，我试试这个：

$(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 是画廊总数减一。如果分配的寻呼机相同，则插件内部计数器会不断添加数字，因此解决方法是为每个画廊分配不同的寻呼机选择器。

于 2010-03-01T07:13:25.107 回答