1

このスライドショーを使用しています

http://tympanus.net/codrops/2011/11/21/elastic-image-slideshow-with-thumbnail-preview/

ここのデモで... http://tympanus.net/Tutorials/ElasticSlideshow/

私が望むのは、下部のナビゲーションに現在のインデックスを表示することだけなので、.ei-slider-thumbs div の子 li は、選択されたスライドの場合、「current」のようなクラスを持つようになります。

大量のコードを貼り付けたくなかったので、代わりにリンクを提供しました。うまくいけば、firebug でデモをチェックしてください。

どんな助けでも大歓迎です！どうもありがとう

- - 編集 - - 

$('.ei-slider-element').addClass("active1");
    $('ul.ei-slider-thumbs li').click(function (e) {
        var currentEle = $(this).index();
        // alert(currentEle);
        e.preventDefault();         
        $('[class*="active"]').removeClass(function (i, c) {
            return c.match(/active\d+/g).join(" ");
        });
        $('.ei-slider-element').addClass("active" + currentEle);
    });
4

1 に答える 1

0

アクティブな要素が " ei-slider-element" であり、クリックされた要素に向かって移動していることを確認しました。現在の要素のインデックスを対象とする独自の関数を作成できます。

$('ul.ei-slider-thumbs li').click(function(){
    var currentEle = $(this).index();
    alert(currentEle);
});
于 2013-01-22T18:43:42.380 に答える