bxSliderでスライドが1枚しかない場合にスライドショーを無効にする

bxSliderでスライドが1枚しかない場合にスライドショーを無効にする方法です。

スライダーを実行する前にスライドの数をチェックし、1枚しかない場合にはbxSliderの初期化をスキップすることで、1枚のみの場合に、スライダーを無効にできます。

HTMLの構成の例
Javascript部分

HTMLの構成の例



<ul class="slider">
    <li><img src="sample.jpg"></li>
</ul>

</ul>

Javascript部分

HTMLの構成に合わせて、要素のタグを変更します。
オプションの部分は、例です。



<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>