1

この既存のスクリプトに簡単なページ付けを追加したいと思います： http ：//sixrevisions.com/demo/slideshow/final.html

したがって、基本的には<div class="slide">インスタンスの数をカウントしてからリストを生成し（たとえば、1〜2〜3〜4）、それぞれにその特定のスライドへのハイパーリンクがあります。

私はJavascriptにそれほど熱心ではないので、これについて助けてもらいたいと思います。

誰かがこれを達成する方法を教えてもらえますか？

ポインタをありがとう:-)

4

1 に答える 1

1

基本的に、変数numberOfSlidesを使用して各スライドにリンク要素を追加してから、それらのリンクのバインディングにクロージャーを追加します。作成時に各リンクにカウンター変数を割り当てることにより、アニメーション計算を再利用できます。

for(i = 0; i < numberOfSlides; i++) {
    (function() {
        var slideIndex = i;
        var slideLabel = i + 1;
        var x = $('<a id="slide' + slideLabel + '"href="javascript:void(0);" class="paginatorLink">' + slideLabel + '</a>'); //Format your links here
        x.click(function() {
            currentPosition = slideIndex;
            // Hide / show controls
            manageControls(currentPosition);
            $('#slideInner').animate({
                'marginLeft': slideWidth * -slideIndex
            });
        });
        $('#slideshow').append(x);
    })();
}

これがフィドルです：http：//jsfiddle.net/radiatorsounds/aQb6P/

于 2012-12-09T13:58:03.677 に答える