だから私は自分のプロジェクトの 1 つに Nivo jQuery スライダーを実装すると思いました。すべてが実装されており、私の知る限り正常に動作するはずですが、何らかの理由でいくつかの効果が動作しません。
animSpeed を 500 (デフォルト値) 未満に設定すると、効果がさらに少なくなり、右からスライドインするか、静的スイッチを取得するだけです (animSpeed が終了するのを待ってから、単に切り替えるだけです)画像)。また、animSpeed が一部のトランジションで無視されることにも言及する価値があります。少なくとも 500 (おそらくそれ以上) のままになることがあります。
プラグインを起動するコード:
$(window).load(function() {
$('#slider').nivoSlider({
effect: 'boxRandom',
animSpeed: 500,
pauseTime: 5*1000,
directionNav: true,
controlNav: false,
pauseOnHover: true,
prevText: 'Prev',
nextText: 'Next',
randomStart: true,
});
});
HTML コード:
<div id="slider" class="nivoSlider">
<a href="#"> <img src="valid/source1.jpg" alt="" /> </a>
<a href="#"> <img src="valid/source2.jpg" alt="" /> </a>
<a href="#"> <img src="valid/source3.jpg" alt="" /> </a>
<a href="#"> <img src="valid/source4.jpg" alt="" /> </a>
</div> <!-- slider-->
何か案は?