1

次のようなプレビュー画像を含む複数のスライドショーブロックがあります（jQuery Cycleの場合、各スライドショーインスタンスの遅延はミリ秒単位です）。

<div class="content">
    <div class="slideshow preview" data-delay="-2000">
        <img src="media/prevslide_3.jpg" alt="Img 1" />
        <img src="media/prevslide_4.jpg" alt="Img 2" />
        <img src="media/prevslide_5.jpg" alt="Img 3" />
    </div>
</div>

jQueryを使用して、これらのさまざまな遅延値（data-attributeを介して設定）を、Cycleのすべてのオカレンスを実行する関数に渡したいと思います。

$(document).ready(function() {

$('.slideshow.preview').cycle({
    fx: 'scrollHorz',
    random: 1,
    speed: 300,
    timeout: 6000,
    // here, for a single slideshow, delay is set like this "delay: -1234"
});
});

divのデータ属性（data-delay = "-2000"）をどのように評価し、それをCycle関数に渡しますか？

よろしくお願いします！

4

1 に答える 1

1

jQueryには、html5データ属性で機能する.data（）メソッドがあります。

$(document).ready(function() {
    $('.slideshow.preview').cycle({
        fx: 'scrollHorz',
        random: 1,
        speed: 300,
        timeout: 6000,
        delay: $(".slideshow.preview").data("delay")
    });
});

編集

遅延キーを見逃しましたが、これは機能します。 フィドル

于 2012-07-04T21:07:04.667 に答える