Как сделать плавный fadeIn fadeOut!?
Прошу протянуть руку помощи, кто знает!:help:
есть такой HTML: <img src="http://localhost/images/leftarrow.gif" class="leftarrow"/> <div id="images"> <a href="#"><img src="http://localhost/images/1.gif" /></a> <a href="#"><img src="http://localhost/images/2.gif" /></a> <a href="#"><img src="http://localhost/images/3.gif" /></a> </div> При клике по картинке, происходит обновление рисунков. Проблема в том что после клика сначала обновляются рисунки, а затем происходит Fade OUT-IN. Как сделать так чтобы происходило: fadeOut -> сменились картинки -> fadeIn??
$(document).ready(function(){
$('.leftarrow').click(function(){
$('#images').fadeOut(2000).load('quickstart.php?action=3', function() {$(this).fadeIn(2000);});
});
});
Спасибо всем ответившим! |
$(document).ready(function(){
$('.leftarrow').click(function(){
$('#images').fadeOut(2000, function () {
$(this).load('quickstart.php?action=3', function() {$(this).fadeIn(2000);});
})
});
});
|
Теперь все ОК!
|
| Часовой пояс GMT +3, время: 20:08. |