0

このスライドショー スクリプトを微調整しましたが、99% 満足しています。

現在のデモ: http://jsfiddle.net/Qu3NK/4/


ナビゲーターのdivから整数(「ここに2つのテキストが入ります」と「ここに4つの他のテキスト」)を削除し、同時にスライドショーを中断しないようにできるかどうか疑問に思っています。ここでコードを変更する必要があると思います:

$(".navigator").on("click", function () {
        alert("clicked");
        navigate_to(parseInt($(this).html(), 10));
    });

したがって、最終的には、私のナビゲーションは単なるテキストであり、整数は含まれません

また、このスライドショーを最初から再生しないようにする方法はありますか?

4

2 に答える 2

1

属性に格納しないのはなぜですか?たとえば、HTML5 ではカスタムdata-属性を使用できます。

<div class="navigator" style="font-size:30px" data-slide="2">text goes here</div>
<a class="navigator" style="font-size:30px;" data-slide"4">other text here</a>

次に、この代替コードを使用できます。

$(".navigator").on("click", function () {
    navigate_to(parseInt($(this).attr('data-slide')), 10);
});

HTML5 を使用していない場合、またはそのアプローチを取りたくない場合は、次のようにします。

<div class="navigator" style="font-size:30px" id="navigator-2">text goes here</div>
<a class="navigator" style="font-size:30px;" id="navigator-4">other text here</a>

その後:

$(".navigator").on("click", function () {
    var id = $(this).attr('id');
    navigate_to(parseInt(id[id.length-1]), 10);
});

編集:

アニメーションを停止するには:

stopAnimation();

統合された jsFiddle: http://jsfiddle.net/Qu3NK/10/

于 2012-10-30T06:52:33.533 に答える
1

整数を削除するには、id 属性を使用しないのはなぜですか?

<div id="num2" class="navigator" style="font-size:30px">some text goes here</div>

次に、次のようにアクセスします

navigate_to($(this).id);

数値を使用する必要がある場合は、

navigate_to(parseInt($(this).id));

最初に無効にするには、すべての Javascript を何らかの条件で実行される関数にラップしてみてください。

$(".startButton").click(function{

    // All the slideshow code goes here.

});
于 2012-10-30T06:56:19.183 に答える