Ситуация: должен быть слайдер, в котором несколько последовательных картинок в нескольких ячейках.
Они выводятся в табличке, и первая картинка должна меняться с 1й по 8ю, 2я - со 2й до 8й, а потом с 8й на 1ю и 2ю, 3я до восьмой и снова до 3й и так далее, или же должна быть перемотка влево.
Я понимаю, как написать скрипт, меняющий картинки в 1 ячейке. Но если я аналогичным образом пытаюсь сделать замену всех, то они прогружаются один раз все до 8й картинки и останавливаются.
Как это исправить?
Вот мой код для для двух ячеек:
<body onload="preload()" >
<table align="center">
<tr align="center">
<td><img src="p1.jpg" id="image1" name="image1" /></td>
<td><img src="p2.jpg" id="image2" name="image2" /></td>
<td><img src="p3.jpg" id="image3" name="image3" /></td>
<td><img src="p4.jpg" id="image4" name="image4" /></td>
<td><img src="p5.jpg" id="image5" name="image5" /></td>
<td><img src="p6.jpg" id="image6" name="image6" /></td>
<td><img src="p7.jpg" id="image7" name="image7" /></td>
</tr>
</table>
<br/><br/>
<script type="text/javascript">
var Images = new Array(4);
Images[0] = new Image(48, 48);
Images[0].src = 'p1.jpg';
Images[1] = new Image(48, 48);
Images[1].src = 'p2.jpg';
Images[2] = new Image(48, 48);
Images[2].src = 'p3.jpg';
Images[3] = new Image(48, 48);
Images[3].src = 'p4.jpg';
Images[4] = new Image(48, 48);
Images[4].src = 'p5.jpg';
Images[5] = new Image(48, 48);
Images[5].src = 'p6.jpg';
Images[6] = new Image(48, 48);
Images[6].src = 'p7.jpg';
Images[7] = new Image(48, 48);
Images[7].src = 'p8.jpg';
count = 1;
function preload(type)
{
Images[count].src;
document.image1.src = Images[count].src;
count1 =count+1;
if ( count1 = 7 ) count1 = 0;
if ( count < 7 ) count++; else count = 0;
setTimeout("preload()", 1000);
}
</script>
дополнительный вопрос: как написать смену картинок во всех ячейках циклом for?
Спасибо.