| meryfelow |
22.02.2011 14:36 |
FadeOut, FadeIn
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-1.5.js"></script>
</head>
<body>
<span>Click here...</span>
<div id="one"><img src="1.jpg" width="80px" height="80px"></div>
[JS]<script>
var currentImage = 0;
var imageArray=['1.jpg','2.jpg','3.jpg'];
$("img").click(function () {
currentImage++;
$("img").fadeOut("slow");
$("img").attr("src",imageArray[currentImage]);
$("img").fadeIn("slow");
});
</script>
</body>
</html>
Собственно меня интересует очередность выполняемых действий. Задумка в том, чтобы картинка исчезла, ей присвоился новый src, потом появилась. Получается же так: присваивается новый src, картинка пропадает, потом появляется. Получается что действия идет не по порядку, точнее операция присваивания нового источника для картинки не дожидается окончания действия fadeOut? |