Заказчик попросил реализовать следующую идею: автобус, перемещающийся вправо-влево. Вот мой код реализации:
Вкратце: автобус перемещается в крайнюю правую позицию, исчезает, меняет картинку на повернутый влево, снова появляется, передвигается в левую крайнюю позицию, там снова исчезает, меняет картинку на повернутый вправо, снова появляется.
Почему то такой код не работает в цикле, точнее зависает, что не так?
Код:
<script type="text/javascript">
jQuery(document).ready(function(){
while (true){
jQuery("div#bus").animate({left: '+=600'}, 5000, 'linear', function(){
jQuery("div#bus").animate({'opacity':0}, 1000, 'linear', function(){
jQuery("div#bus").css('background-image', 'url(http://site.ru/bus_left.png)');
jQuery("div#bus").animate({'opacity':1}, 1000, 'linear');
jQuery("div#bus").animate({left: '-=600'}, 5000, 'linear');
jQuery("div#bus").animate({'opacity':0}, 1000, 'linear', function(){
jQuery("div#bus").css('background-image', 'url(http://site.ru/bus_right.png)');
jQuery("div#bus").animate({'opacity':1}, 1000, 'linear');
});
});
});
}
});
</script>
Почему то такой код не работает в цикле, точнее зависает, что не так?