1

ある画像から次の画像にフェードインするスライドショーを設定しようとしています。各スライドで約3秒間休止します。遅延は最初の画像を一時停止するように機能しますが、各要素で一時停止させることはできません。

以下のコードに要素を追加して、フェード効果が始まる前に各画像をより長く表示できるようにする方法はありますか？

jQueryを使用するのは初めてなので、単純な方が良いです。ありがとう！

<div class="slideshow">
    <img src="images/baby-slide.png"/>
    <img src="images/characters-slide.png"/>  
    <img src="images/engagement-slide.png" />
    <img src="images/holidays-slide.png"/>
    <img src="images/sports-slide.png"/> 
</div>

<script type="text/javascript">
    $(document).ready(function() {
        $('.slideshow').cycle({
            fx: 'fade',
            speed:  2000, 
            delay: 2000,
            continuous:1, 
            timeout:0, 
            easeIn: 'linear', 
            easeOut: 'linear', 
        });
    });
</script>
4

1 に答える 1

1

設定continuous:0してみてくださいtimeout:3000。

ドキュメントから：

連続：trueは、現在の遷移が完了した直後に次の遷移を開始します

タイムアウト：スライド遷移間のミリ秒（自動進行を無効にする場合は0）

于 2013-02-13T18:53:00.683 に答える