0

少し前に、いくつかのWebサイトからスライダーコードをコピーしました。今どこにあるのかわかりません。コードは次のとおりです。

slides.min.jquery.js

$(function(){
    $('#slides').slides({
        preload: true,
        play: 12000,
        pause: 8000,
        hoverPause: true,
        generatePagination: false
    });
});

スライダーはうまく機能します。しかし、今の私の問題は、スライダーをランダムなスライド位置から開始したいということです。たとえば、スライド5、スライド3、またはスライド4からランダムに開始できます。更新するたびに。

何か助けはありますか？

4

2 に答える 2

2

slide.jsを使用しているようですが、ドキュメントstartでは、設定にプロパティを含めることで開始スライドを設定できると指定されています。

$(function(){
    var EXCLUSIVE_UPPER_BOUNDS = 5; //adjust for your app
    $('#slides').slides({
        preload: true,
        play: 12000,
        pause: 8000,
        hoverPause: true,
        generatePagination: false,
        start: Math.floor(Math.random()* EXCLUSIVE_UPPER_BOUNDS)
    });
});
于 2012-12-05T09:56:00.107 に答える
0

ページが読み込まれるたびに、スライダーのスライドをランダムな順序でエコーします。または、DOMを操作してランダムな順序で並べ替え、親コンテナに再度配置します。次に、JavaScriptを使用してスライダーを開始します。

例えば。：

<div id='slides' >
 <img src='image_a' />
 <img src='image_b' />
 <img src='image_c' />
 <img src='image_d' />
</div>

これを次のように変換するのは簡単です。

<div id='slides' >
 <img src='image_b' />
 <img src='image_a' />
 <img src='image_d' />
 <img src='image_c' />
</div>

バックエンドスクリプトでのDOM操作またはシャッフルの使用。

于 2012-12-05T09:55:24.930 に答える