ここにスライダーがあります。2枚以上の写真の場合、かなりうまく機能します。しかし、写真が 1 枚しかないときは、まだスライドしています。スライダーを1つの画像で非表示および表示しないようにする方法は?
(function($){
$.fn.MySlider = function(interval) {
var slides;
var cnt;
var amount;
var i;
function run() {
// hiding previous image and showing next
$(slides[i]).fadeOut(1000);
i++;
if (i >= amount) i = 0;
$(slides[i]).fadeIn(1000);
// updating counter
cnt.text(i+1+' / '+amount);
// loop
setTimeout(run, interval);
}
slides = $('#my_slider').children();
cnt = $('#counter');
amount = slides.length;
i=0;
// updating counter
cnt.text(i+1+' / '+amount);
setTimeout(run, interval);
};
})(jQuery);