SlidesJS docs によると、次のように「再生」オプションを設定することで、自動再生速度を設定できるはずです。
$(document).ready(function() {
$('#header-slideshow').slides({
effect : 'fade',
crossfade : true,
fadeSpeed : 1000,
play: 5000, <------------------------- Autoplay interval
pause : 2500, <-------- What?
hoverPause : true
});
});
機能していません。自動再生されません。「一時停止」と「再生」の違いもわかりません。
ドキュメントによると:
再生 (番号):
スライドショーを自動再生します。正の数値が true に設定され、スライド アニメーション間の時間(ミリ秒) になります。
一時停止 (数):
次/前またはページネーションのクリックでスライドショーを一時停止します。正の数は true に設定され、ミリ秒単位の一時停止時間になります。
よくわかりません、違いは何ですか?どちらも今のところ何もしていないようです。
私は何が欠けていますか?
ドキュメントはこちら: http://www.slidesjs.com/#docs
編集 スライドショーが実際に機能していることを忘れていました。jQueryがインポートされ、ナビゲーションボタンをクリックするとスライドショーが機能します。自動再生が機能していないだけです。
EDIT JSFiddleを作成しましたが、そこでも機能しませんでした。 http://jsfiddle.net/WbGel/
解決策 hoverPause オプションが期待どおりに機能しません。Web ページ (実際にはどこでも) にカーソルを合わせるとすぐに、スライドショーにカーソルを合わせていると認識されます。ブラウザ全体からマウスを移動しても、ホバリングしていると見なされ、自動再生が機能しません。