У меня есть страница, где мое изображение будет исчезать и эффекты fadeout есть. Опция fadein, кажется, какая-то проблема, так как это происходит немедленно... Пожалуйста, найдите мой jsfiddle.
Пожалуйста помоги
Две вещи: сначала fadeIn()
работает только с скрытыми элементами, поэтому вам нужно сначала скрыть свои изображения, во-вторых, вам нужно дождаться fadeOut()
анимации fadeOut()
до анимации следующего изображения. Этот код должен работать для вас, я удалял интервал и переменную count:
var $slideshowImgs = $('.slideshow img').hide();
(function fadeSlideshow ($img){
var $next = $img.next();
if(!$next.length)
$next = $slideshowImgs.first();
$img.delay(2000).fadeOut(function(){
$next.fadeIn();
fadeSlideshow($next);
});
})($slideshowImgs.first().show());