0

Orbit スライダーを使用しており、コードで指定された順序ではなく、画像コレクションからランダムに選択された最初の画像を表示したいと考えています。

以下は、スライダーと私のコードへのリンクです。http://zurb.com/playground/orbit-jquery-image-slider

jQuery

$(window).load(function () {
    $('#featured').orbit();
});

HTML

<div id="featured">
    <a href="1.php" data-caption="#htmlCaption1" target="_parent">
        <img    src="/images/image1.jpg"   border="0" />
    </a>
    <a href="2.php" data-caption="#htmlCaption2" target="_parent">
        <img src="/images/image1.jpg"  border="0" />
    </a>
    <a href="3.php" data-caption="#htmlCaption3" target="_parent">
        <img src="/images/image1.jpg" border="0"/>
    </a>
</div>
<span class="orbit-caption" id="htmlCaption1"> Text here.</span>
<span class="orbit-caption" id="htmlCaption2"> Text here.</span>
<span class="orbit-caption" id="htmlCaption3"> Text here.</span>
4

1 に答える 1

0

orbit にランダム開始オプションがない場合は、呼び出す前にイメージのリストを前処理してみorbit()てください。

このような何かがそれを行う必要があります:

var $container = $("#featured");
var n = $container.find("a").length;
var rand = Math.floor((Math.random() * n) + 1);
for(var i=0; i<rand; i++) {
    $container.find("a").eq(0);
}
$container.orbit();
于 2013-06-24T21:22:01.780 に答える