覚え書き程度に。
オートスライドの再開
オートスライドの設定になっているスライダーを、prev、nextで一度切り替えてしまうとオートスライドが停止してしまいます。
そんなときは、
1 2 3 4 5 6 |
$(function(){ var slide = $('#slide').bxSlider({ auto: true onSlideAfter: function () { slide.startAuto(); } }); }); |
onSlideAfterのタイミングで、オートスライドを再開させる、です。
スライダーのリロード
タブ切り替えや、アコーディオンコンテンツなど、スライダーの要素自体がデフォルトで非表示のものなどは、高さが取得できない関係で正常に動作しません。
そんなときは、
1 2 3 4 5 6 7 8 9 10 |
$(function(){ var slide = $('#slide').bxSlider(); $('.tab_contents').hide(); $('.tab_btn a').click(function() { $('.tab_contents').show(); slide.reloadSlider(); return false; }); }); |
要素を表示するタイミングで、reloadSlider()です。