Jquery 使用轨道滑块的随机图像顺序

Jquery 使用轨道滑块的随机图像顺序,jquery,orbit,Jquery,Orbit,我正在使用“动态观察”滑块,希望第一幅图像显示为从我的图像集合中随机选择的图像,而不是代码中指定的顺序 下面是滑块和我的代码的链接 jQuery HTML 文本在这里。 文本在这里。 文本在这里。 如果orbit没有随机启动选项,那么在调用图像列表上的orbit()之前,请尝试对图像列表进行预处理 像这样的东西应该可以做到: var $container = $("#featured"); var n = $container.find("a").length; var rand = Math

我正在使用“动态观察”滑块,希望第一幅图像显示为从我的图像集合中随机选择的图像,而不是代码中指定的顺序

下面是滑块和我的代码的链接

jQuery HTML

文本在这里。
文本在这里。
文本在这里。

如果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();
var$container=$(“#特色”);
var n=$container.find(“a”).length;
var rand=Math.floor((Math.random()*n)+1);

对于(var i=0;iI)而言,我整天都在做木工,并将标题误读为
…使用orbital sander
<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>
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();