0

当我在站点中实现 bxslider ( http://bxslider.com/ ) 时，我有一个独特的查询。

我曾尝试搜索此问题，但无法解决。

我已经拉出了页面上的所有 70 个项目并应用了滑块，并且可以完全正常工作。但是是否可以在 70 个列表中的滑块中仅显示 6 个随机项目。

我一定会感谢你的帮助。

<ul id="bx-slider-random">
<li>item item 1</li>
<li>item 2</li>
<li>item 3</li>
<li>item 4</li>
<li>item 5</li>
<li>item 6</li>
<li>item 7</li>
<li>item 8</li>
<li>item 9</li>
<li>item 10</li>
.
.
.
.
.
.
.
<li>item 70</li>

$j('#bx-slider-random').bxSlider({ auto: true, autoControls: true });

我已经将 70 个项目提取到滑块中。但是需要知道每次刷新页面时我是否可以直接显示所有 70 个项目中的随机 6 个项目。

谢谢 :) 干杯...

4

1 回答 1

1

有可能。从页面的来源看，您应该首先获得所有 70 个项目，然后随机选择其中一些，然后将它们放入<li>'s.
最后你可以调用你的盒子滑块初始化。
如果你有一个示例代码，我可以帮助你更具体！？

这是你的代码

var mindc = 0;
var maxdc = $('ul#bx-slider-random li').length;
for(var i=0; i<63; i++){
    randomIndex = Math.floor(Math.random() * (maxdc - mindc + 1)) + mindc;
    $('ul#bx-slider-random li').eq(randomIndex).remove();
}
$('#bx-slider-random').bxSlider({ auto: true, autoControls: true });

编辑

这是很少编辑的，只是在你的小提琴中工作（是否需要 noConflict ？）： 

var mindc = 0;
var maxdc = $('ul#bx-slider-random li').length;
alert(maxdc);
for(var i=0; i<19; i++){
    randomIndex = Math.floor(Math.random() * (maxdc - mindc + 1)) + mindc;
    $('ul#bx-slider-random li').eq(randomIndex).remove();
}
$('#bx-slider-random').bxSlider({ auto: true, autoControls: true });
于 2013-03-06T11:56:18.410 回答