2017-01-12 4 views
1

Так что в основном я пытаюсь воспроизвести this effect, но я не могу понять, как постоянно «fadeIn» на картинке за другим, без fadeOut до белого (я хочу, чтобы следующее изображение смешалось).jQuery fadeIn без fadeOut?

var run = function() { 
    transition(); 
    slideshow.fadeIn('slow', function() { 
     setTimeout(function() { 
      slideshow.fadeOut('slow', run); 
     }, timeToDisplay); 
    }); 
} 

Я попытался заменить fadeOut на fadeIn, но он не работает. Есть идеи ?

+0

Will [эта скрипка] (https://jsfiddle.net/z4dd1bg4/) сделать работу для вас? – EhsanT

+0

Это тот эффект, который я хочу, но я не хочу иметь несколько div, я хочу, чтобы тот же div изменил URL-адрес фонового изображения с эффектом fadeIn. Благодаря! –

+0

Не будет никакого способа сделать это только с одним div. с одним div, если вы не затухаете до 0 непрозрачности и меняете изображение, пользователь увидит прыжок между изменениями изображений. Почему вы не можете использовать несколько div? что, если вы динамически создаете внутренние divs в коде javascript и вводите их в свой html? все еще неприемлемо для вас? – EhsanT

ответ

0

Я думаю, что вы хотите только FadeIn. Так что измените fadeOut на fadeIn.

var run = function() { 
    transition(); 
    slideshow.fadeIn('slow', function() { 
     setTimeout(function() { 
      slideshow.fadeIn('slow', run); 
     }, timeToDisplay); 
    }); 
} 

(Вот ваша скрипка) [https://jsfiddle.net/yonashailug/q8ebgm75]

+0

Скриная предоставлена ​​404! – EhsanT

+0

@EhsanT У меня есть изменение fadeOut внутри fadeIn функция изменена на fadeIn, и я обновляю скрипку извините. –

+0

Я видел это и прошу прощения, я удалил еще один комментарий ... – EhsanT