bxsliderを使用してサムネイル有りのスライダーを実装しています。
仕様により画像を動的に取得する構造となり、
1枚パターンの機能を追加しなければいけません。
実現したいことは、
1枚時にコントローラ(prevText: '<'、nextText: '>)を非表示、
サムネイルはそのまま表示させたいです。
ご教示お願いします。
該当のソースコード
$(function() { var slider = $('.photo__slider').bxSlider({ mode: 'fade', speed: 0, prevText: '<', nextText: '>', pager: true, pagerCustom: '.photo__paging' }); $('.photo__thumbs a').click(function(){ var thumbIndex = $('.photo__thumbs a').index(this); slider.goToSlide(thumbIndex); return false; }); });
試したこと
$(function() { var bxoption = { mode: 'fade', speed: 0, prevText: '<', nextText: '>', pager: true, pagerCustom: '.photo__paging' }; var slider = $('.photo__slider').bxSlider(bxoption); $('.photo__thumbs a').click(function(){ var thumbIndex = $('.photo__thumbs a').index(this); slider.goToSlide(thumbIndex); return false; }); if( slider.getSlideCount() < 1 ) { // スライダー1つ以下のとき bxoption['controls'] = false; } else { bxoption['controls'] = true; }; // スライダーをリロードする slider.reloadSlider(); });
あなたの回答
tips
プレビュー