カルーセルスライダー(jcarousel)を等間隔の時間でスライドさせ続けるjQuery

ハイ! リサです。

カルーセルスライダーを作ったのですが、スライダーを自動でスライドさせ続けたいという要望があり、簡単に実現できたのでメモしておきます。

スライドボタンを一定の時間で押し続ける

要するにスライダーのボタンを押し続ければ実現できます。

その処理は以下。


<script type="text/javascript">
setTimeout(function() {
$(".jcarousel-skin-tango .jcarousel-next-horizontal").click();
setTimeout(arguments.callee, 8000);
},8000);
</script>

とても簡単ですね。

カルーセルスライダーだけでなく、等間隔でイベントを発生させる際には便利です。

arguments.callee

arguments.calleeプロパティには呼び出された関数そのものが入っています。

これを応用すれば様々なループ処理を実現できそうですね。

では、このへんで。

See you !

© oh yeah Steve!

スポンサーリンク
スポンサーリンク
スポンサーリンク

シェアする

フォローする

スポンサーリンク
スポンサーリンク