0

現在、プロジェクトに Jquery Cycle プラグインを使用しており、スライドショーはスムーズに実行されています。ただし、ページを更新するたびにスライドを別の画像で表示または開始したいと考えています。それを達成するために関数/スクリプトを追加する方法、またはそれが可能かどうかはわかりません。私はJQueryが初めてなので、どんな助けでも大歓迎です!

脚本：

$(document).ready(function() {
    $('.slideshow').cycle({
         fx: 'fade',
         speed: 2500,
         timeout: 7000,
         prev: '#prev',
         next: '#next',
    });
});

私のHTML：

<div class="slideshow">
    <img src="images/img_slide-1.jpg" />
    <img src="images/img_slide-2.jpg" />
    <img src="images/img_slide-3.jpg" />
</div>
4

2 に答える 2

1

このプラグインについて簡単な調査を行ったところ (これまで使用したことがありません)、true として指定できるランダム オプションがあるようです。ドキュメントを見てみましょう: http://jquery.malsup.com/cycle/options.html (「ランダム」の場合は ctrl-f のみ)。

ランダムな最初の写真だけから見ていた場合は、(コメントに記載されているように) その後の連続したスライドを見ていた場合は、startingSlide: SLIDE_NUMBER_HERE を使用するだけで、ドキュメントに関する最小限の調査に基づいて機能するはずです。

于 2012-09-25T03:12:56.037 に答える
1

startingslide オプションを使用する

startingSlide: 0,     // zero-based index of the first slide to be displayed

ランダムなスライドを選択するには、このようなランダムなインデックスを取得する必要があります

var rand = Math.floor(Math.random() * $('.slideshow img').length);

次に、サイクルを初期化するときに、rand変数を開始スライドとして使用します。

$(document).ready(function() {
  var rand = Math.floor(Math.random() * $('.slideshow img').length);
  $('.slideshow').cycle({
    fx: 'fade',
    speed: 2500,
    timeout: 7000,
    prev: '#prev',
    next: '#next',
    startingSlide: rand
  });
});
于 2012-09-25T03:14:12.383 に答える