JQuery крест выцветанию 2 изображения

Привет всем я в настоящее время с помощью этого кода ниже:JQuery крест выцветанию 2 изображения

$('#tLight0').fadeTo(500,0.40, function() { 
    var theToTurn = $(this).attr('data-toTurn'); 
    $(this).attr("src","site.com/Images/light_" + theToTurn + ".png"); 
}).fadeTo(300,1);

Для того, чтобы пересечь исчезать мои 2 изображения я есть. Тем не менее, первое изображение исчезает примерно до 40% перед тем, как начнет исчезать второе изображение.

Что я ищу - это постепенное исчезновение первого изображения и постепенное исчезновение (в) второго то же время. Так же, как вы видите, что изображения кроссфейсируются.

Я пробовал все типы настроек для fadeTo, но он просто не задумывается, как я только что описал его.

Как я могу изменить свой код выше, чтобы получить результаты, которые я ищу?

источник

2013-11-20 StealthRT

Вам понадобится два элемента изображения, поскольку один элемент изображения не может содержать более одного изображения вовремя. –

@KevinB, когда я попытался добавить 2 изображения рядом друг с другом, все равно исчезнет, а другая исчезнет ... и второе изображение никогда не будет поверх первого. – StealthRT

* ", а второе изображение никогда не будет поверх первого." * Если бы вы разместили его таким образом с помощью css. **! ** –

Два изображения в одном контейнере, абсолютно расположены.

Если вы собираетесь на 40%:

приглушить первый один
FADEOUT обратного вызова: изменение Z-индексы, чтобы поставить вторую перед
затухания обратного вызова: фейдера второй

Если вы собираетесь для полного замирания (может быть лучше)

выцветанию один первый, исчезает во втором (нет обратных вызовов, это происходит в то же время)

источник

2013-11-20 22:38:45 Shomz

JQuery крест выцветанию 2 изображения

ответ

Смежные вопросы