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>。
最後に、ボックススライダーの初期化を呼び出すことができます。
あなたがサンプルコードを持っていたなら、私はあなたがより特定されるのを手伝うことができるかもしれません！？

これがあなたのコードです

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 に答える