заставить fadeIn и fadeOut работать гладко в jquery

Question

заставить fadeIn и fadeOut работать гладко в jquery

0

У меня есть страница, где мое изображение будет исчезать и эффекты fadeout есть. Опция fadein, кажется, какая-то проблема, так как это происходит немедленно... Пожалуйста, найдите мой jsfiddle.

Пожалуйста помоги

rubyist 25 сен. 2013, в 07:51

Источник

Теги:

javascript

jquery

2 ответа

0

проверьте это js скрипка http://jsfiddle.net/TXrDk/2/

использование

transition:.5s ease-in-out;

Pragnesh Rupapara 25 сен. 2013, в 04:45

Ещё вопросы

koala_dev · Accepted Answer · 2013-09-25T04-50-00.000Z

Две вещи: сначала 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());

Демо-скрипка