Есть задание к экзамену: сделать сайт, не менее 6 статических страниц.
Есть страницы, в которых представлены разные картинки. Картинки меняются по нажатию кнопок вперед и назад. Адреса рисунков записаны в массив. Переменная i - счетчик, по которому и меняются картинки, т.е их номера в массиве. Хочу сделать чтоб в ячейке между кнопками "Назад" и "Вперед", содержалась надпись "Артикул 00i", где i - номер рисунка (1, 2, 3, 4... n), который также меняется при нажатие на кнопку. Как это реализовать? Спасибо.
Вот код страницы для примера:
var i = 0;
var imgarr = new Array();
// массив с адресами
imgarr[0] = "resurs/stol1.jpg";
imgarr[1] = "resurs/stol2.jpg";
imgarr[2] = "resurs/stol3.jpg";
imgarr[3] = "resurs/stol4.jpg";
imgarr[4] = "resurs/stol5.jpg";
// это функции на смену рисунков
function vpered() {
i++
if (i > imgarr.length - 1) {
i = 0
}
document.getElementById("img").src = imgarr[i];
return (i);
}
function nazad() {
i = i - 1
if (i < 0) {
i = imgarr.length - 1
}
document.getElementById("img").src = imgarr[i];
return (i);
}
<tr>
<td align="center">
<input type="button" value="Назад" onclick="nazad()">
</td>
<td colspan="2" align="center">
//вот ячейка в которой должна меняться надпись
<script type="text/javascript">
document.write("Артикул 00", i);
</script>
</td>
<td align="center">
<input type="button" value="Вперед" onClick="vpered()">
</td>
</tr>