jquery смена картинок

[Mihalich]

Дорогие форумчане!

Подскажите пожалуйста - мне надо при нажатии плавно сделать картинку прозрачной потом поменять ее и сделать снова видимой.

Код:

$("#largeImg").animate({opacity: "0.1"}, 1200);

var largePath = $(this).attr("href");
var largeAlt = $(this).attr("title");

$("#largeImg").attr({ src: largePath, alt: largeAlt });
$("#largeImg").animate({opacity: "1"}, 1200)
return false;

Дело в том что смена атрибута проходит мгновенно - и потом только картинка затухает, пробовал паузы и delay(1200). ничего не помагает - сначала заменяет картинку потом делает уже другую прозрачной.


Спасибою

[lETS]

вот пример с http://api.jquery.com/animate/

$('#book').animate({
opacity: 0.25,
left: '+=50',
height: 'toggle'
}, 5000, function() {
// Animation complete.
});

Обратите внимание на "Animation complete". Весь код ниже animate нужно вставить в эту функцию

[Mihalich]

lETS, Спасибо, я немного по другому уже сделал

<script type="text/javascript">
$(document).ready(function(){

$(".thumbs a").click(function(){

$("#largeImg").animate({opacity: "0"}, 500);
var largePath = $(this).attr("href");
var largeAlt = $(this).attr("title");

setTimeout(
function () {

$("#largeImg").attr({ src: largePath, alt: largeAlt });
$("#largeImg").animate({opacity: "1"}, 500);
},500
)


return false;
});

});
</script>