Question

是否有一种使用jQuery循环基于加权随机化幻灯片的好方法？使用以下标记（我对其他建议持开放态度）：

<div id="carousel">
    <div title="Slide no. 1" data-weight="50"><h2>1</h2></div>
    <div title="Slide no. 2" data-weight="25" class="first"><h2>2</h2></div>
    <div title="Slide no. 3" data-weight="25"><h2>3</h2></div>
</div>

我想在50％的时间内显示幻灯片1并幻灯片2＆amp; 3 25％的时间。是否可以使用'之前'选项排队下一张幻灯片？

非常感谢。

Answer 1

鉴于您的情况非常有限（只有1张幻灯片需要更长的时间），您可以使用{1}}超时作为第一张幻灯片（比如说2000）和幻灯片2＆amp;的delay参数。 3（比如1000）给出了预期的效果。

循环插件参数描述为：

timeout

虽然我没有尝试过这个，如果你需要更高级的东西，我怀疑你可以为delay: 0, // additional delay (in ms) for first transition (hint: can be negative) timeout: 4000, // milliseconds between slide transitions (0 to disable auto advance)参数创建一个回调。回调将检查数据权重参数并将其用作加权因子。我怀疑它可以开箱即用，或者只需要对jQuery循环插件进行微小的修改。

带有jQuery循环的加权随机顺序

1 个答案: