bxSliderでスライドが1枚しかない場合にスライドショーを無効にする方法です。
スライダーを実行する前にスライドの数をチェックし、1枚しかない場合にはbxSliderの初期化をスキップすることで、1枚のみの場合に、スライダーを無効にできます。
目次
HTMLの構成の例
|
1 2 3 4 5 6 7 |
<ul class="slider"> <li><img src="sample.jpg"></li> </ul> |
Javascript部分
HTMLの構成に合わせて、要素のタグを変更します。
オプションの部分は、例です。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 |
<script> $(function(){ var slideCount = $('.slider li').length;//画像が入っている要素の数を確認 if (slideCount > 1) { //画像が1枚より多ければ、スライダーを実行 $('.slider').bxSlider({ minSlides: 1, maxSlides: 1, auto: true, speed: 500, pause: 5000, pager: false, controls: true, adaptiveHeight: true, }); } }); </script> |
