0

私はjQueryサイクルを使用しています。それが私のJSです：

$(".page-social-media .works_gallery .slider_cycle").each(function(){
    var id_nr = $(this).attr('rel');
    $(this).cycle({ 
        fx:    'scrollHorz',
        speed:  500,
        timeout: 0, 
        next:   '#next_' + id_nr, 
        prev:   '#prev_' + id_nr,
    });
});

startingSlide オプションを使用しましたが、scrollHorz 効果がクラッシュし、最後に最初の画像が表示されました。ギャラリーの最初の画像をスキップするにはどうすればよいですか?

アップデート：

私の HTML 構造体は動的です。このような：

<ul class="slider_cycle">
    <li><img src="http://dummyimage.com/800x600/4d494d/686a82.gif&text=placeholder+image" alt="placeholder+image" rel="160"></li>
    <li><img src="http://dummyimage.com/800x600/4d494d/686a82.gif&text=placeholder+image" alt="placeholder+image" rel="160"></li>
    <li><img src="http://dummyimage.com/800x600/4d494d/686a82.gif&text=placeholder+image" alt="placeholder+image" rel="160"></li>
    <li><img src="http://dummyimage.com/800x600/4d494d/686a82.gif&text=placeholder+image" alt="placeholder+image" rel="160"></li>
</ul>
4

1 に答える 1

0

最初の画像が常にそこにある場合は、次のようにする必要があります。

$(".page-social-media .works_gallery .slider_cycle").each(function(){
    var id_nr = $(this).attr('rel');
    if ($(this).is(':first-child') == false){
        $("#" + id_nr).cycle({ 
        fx:    'scrollHorz',
        speed:  500,
        timeout: 0, 
        next:   '#next_' + id_nr, 
        prev:   '#prev_' + id_nr,
    });
   } else{
   $(this).style('display', 'none');
   }
});

そのように、要素が最初の子である場合（上の画像）、表示をなしに設定し、そうでない場合は通常どおり循環しますが、htmlの形式に依存します-最初の画像が取り除かれますかなど.

于 2013-06-03T12:23:46.400 に答える