Слайдер не отрабатывает несколько картинок
Ситуация: должен быть слайдер, в котором несколько последовательных картинок в нескольких ячейках.
Они выводятся в табличке, и первая картинка должна меняться с 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? Спасибо. |
Апдейт:
Как, выбирая имена картинок из базы скриптом php, не все имеющиеся, а ограниченное число с помощью sql-запроса select foto from fotos ... limit 0,8, при каждой загрузке страницы выбирать разные? Или выбрать все, а потом как-то выбрать 8 случайных? Второй вопрос - как написать внутри функции preload() цикл изменения значения параметра count для сменяющихся фото во второй и дальнейших ячейках? function preload()
{
document.image1.src = Images[count].src;
count1 =count+1;
if ( count1 > 3 ) count1 = 0;
document.image2.src = Images[count1].src;
count2 =count1+1;
if ( count2> 3 ) count2 =0;
document.image3.src = Images[count2].src;
count3 =count2+1;
if ( count3> 3 ) count3 =0;
document.image4.src = Images[count3].src;
if ( count < 3 ) count++; else count = 0;
setTimeout("preload()", 2000);
}
|
| Часовой пояс GMT +3, время: 13:42. |