Здравствуйте.
На сайте надо сделать картинку движущуюся от левого края до правого и обратно в цикле. При этом картинка меняется. Реализовал так:
<script>
var leftpos = 1;
setTimeout("left()",100);
function left(){
leftpos=leftpos+1;
if(leftpos > 80){setTimeout("right()",100);}else{
document.getElementById('right').style.display = 'none';
document.getElementById('left').style.display = 'block';
document.getElementById('left').style.left = leftpos + '%';
setTimeout("left()",100)
}
}
function right(){
leftpos=leftpos-1;
if(leftpos <1){setTimeout("left()",100)}else{
document.getElementById('left').style.display = 'none';
document.getElementById('right').style.display = 'block';
document.getElementById('right').style.left = leftpos + '%';
setTimeout("right()",100)
}
}
</script>
<div id="left" style="position:absolute;">Левая картинка</div>
<div id="right" style="position:absolute;">Правая картинка</div>
Мне кажется громоздко. Может подскажете, как проще реализовать? Подозреваю, на jquery это можно сделать проще.
