Движение ряда картинок по кругу
Помогите реализовать движение картинок по кругу! Вот как двигаеться одна картинка, вот за ней должны двигаться еще ряд картинок НЕ накладываяся друг на друга...
Код:
$(document).ready(function() {
setTimeout("animation()",300);
});
function animation(){ // функция запускает функцию images()
images();
}
function images(){
$("#images").animate({left:"+=700px"},5000).animate({top:"+=300px"}, 4000).animate({left:"-=700px"},5000).animate({top:"-=300px"}, 4000)
setTimeout("images()",6000);
}
setTimeout("animation()",300);
});
function animation(){ // функция запускает функцию images()
images();
}
function images(){
$("#images").animate({left:"+=700px"},5000).animate({top:"+=300px"}, 4000).animate({left:"-=700px"},5000).animate({top:"-=300px"}, 4000)
setTimeout("images()",6000);
}
Код:
<div id="wrapper">
<div id="content">
<div id="images"><img src="images/kart.jpg"></div>
</div>
</div>
<div id="content">
<div id="images"><img src="images/kart.jpg"></div>
</div>
</div>