Идея простая. Есть блок, id=’animation_block’. В нем находятся четыре div-а, с display:none.
Эти блоки имеют id: im1, im2, im3, im4. В каждом своя текстура.
Я хочу, что бы они плавно появлялись и исчезали по очереди, и так по кругу.
Как я себе представляю код:
<script type="text/javascript">
$(document).ready(function () {
setInterval(function () {
$('#im1').fadeIn(1000).fadeOut(400);
$('#im2').fadeIn(1000).fadeOut(400);
$('#im3').fadeIn(1000).fadeOut(400);
$('#im4').fadeIn(1000).fadeOut(400);
}, 0);
});
</script>
Но анимация происходит не последовательно, а вместе.
Знаю, как решить вопрос setTimeout, но хотелось бы без этого обойтись.
Помогите, пжлста!
Хотелось бы реализовать именно на jQuery, в JS полный чайник.
Пытался сделать с queue, бился несколько часов, безуспешно (queue могла помочь?).
