・ホバーしたらスライド停止。
・タップ操作や、スライド操作をして、スライドが停止したら、コールバックで、スライド再開。
| <script> | |
| $(document).ready(function() { | |
| var slide = $('.slider').bxSlider({ // 自動再生に必須 | |
| auto: true, | |
| responsive:true, | |
| infiniteLoop: true, | |
| speed: 1000, | |
| displaySlideQty: 1, | |
| pager: true, | |
| slideWidth: 1000, | |
| minSlides: 1, | |
| maxSlides: 3, | |
| moveSlides: 1, | |
| slideMargin: 0, | |
| controls : true, | |
| pause: 4000, | |
| preloadImages: 'visible', // 1枚目だけ読み込んでおく | |
| controls: true, | |
| touchEnabled: true, // タッチデバイス対応 | |
| oneToOneTouch: true, // スワイプ | |
| autoHover:true, | |
| tickerHover: true, // tickerモード時のホバーオプション | |
| useCSS: false, // tickerHover有効時はfalseに設定 | |
| onSlideAfter: function() { // 自動再生に必須 | |
| slide.startAuto(); | |
| } | |
| }); | |
| }); | |
| </script> |