.load() и .fadeIn в JQuery

у меня есть этот код и он работает найти, за исключением перехода FadeIn ...load() и .fadeIn в JQuery

$("div.thumbnailsContainer").fadeOut("500",function(){    
     $("div.fullViewContainer").empty(); 
     $('<img />') 
     .attr('src', imgPathLarge) 
     .load(function(){    
      $("div.fullViewContainer").append($(this)); 
      $("div.fullViewContainer").fadeIn("1000"); 
     }); 
    });

проблема, после того, как изображение, полностью заряженным, FadeIn переход не будет работать должным образом, он появится только после загрузки, но без перехода.

что может быть проблемой с моим кодом?

Мне нужно установить setTimeout для задержки перехода после загрузки изображения?

источник

2010-07-15 Vincent Dagpin

Это, вероятно, не является решением проблемы, но вы должны удалить кавычки вокруг FadeIn и FADEOUT раз. т.е.: fadeIn (1000) вместо fadeIn («1000»). – JoshMock

Не похоже, что div.fullViewContainer был когда-либо скрыт - он был пуст, но не скрыт. Поэтому, когда вы добавляете к нему новое изображение, оно сразу видно, даже до того, как вызывается команда «fadeIn».

источник

2010-07-15 14:29:00

спасибо, сэр .. я нашел ответ уже .. –

и ответ был ?? –

Попробуйте сначала спрятать изображение, а затем вызвать fadeIn в обработчике load().

См: jquery: fade in image after image

источник

2010-07-15 14:29:22

спасибо, сэр .. я уже нашел ответ. –

Вы должны отправить решение или принять существующий ответ. :) –

.load() и .fadeIn в JQuery

ответ

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