1

サムネイル「サイクル」ギャラリーのインスタンスが複数ある単一のページがあります。ただし、問題は、ページング システムがすべてめちゃくちゃになることです (すべてを 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;
            });
        });
    });

これにより、2番目のクラスimgSelect0からimgSelectNが追加されます。ここで、Nはギャラリーの総数から1を引いたものです。プラグインの内部カウンターは、割り当てられたポケットベルが同じ場合は番号を追加し続けるため、回避策は、ギャラリーごとに個別のポケットベルセレクターを割り当てることです。

于 2010-03-01T07:13:25.107 に答える