Вот, сделал
myDiv1.onclick = function () // прокрутка изображений: следующаая картинка
{
var allImg = myDiv2.getElementsByTagName("IMG");
myImg.getAttribute('id');
var myAllImages = new Array();
for (i=0; i< allImg.length; i++)
{
myAllImages[i] = new Image();
myAllImages[i] = allImg[i]
myAllImages[i].src = myImages[j++];
myAllImages[i].setAttribute ('id', 'myImages' + j);
}
// console.log (myAllImages)
Только есть нюанс. Изображения меняются не по одной картинке, а сразу по три. Тоже неплохо, но интересно было бы ещё и такой вариант реализовать.
То есть, допустим есть всего 15 картинок (массив). На экране отображено три: 1,2,3. Нажимаем на кнопку Next и на экране видим 2,3,4. Снова нажимаем Next и видим 3,4,5 -> 4,5,6 -> 5,6,7 -> ... 13,14,15.
Как это реализовать исходя из кода выше?
А на данный момент так происходит: 1,2,3 -> 4,5,6 -> 7,8,9 -> 10,11,12 -> 13,14,15
И ещё вопрос. Я создал Id для каждого изображения. Меняется картинка - меняется Id. Всё работает. Но! Когда самый первый раз нажимаю на кнопку Next, то вместо myImages3 получаю myImages4.
Поясню. Id - идентифекатор, К - картинка.
myImages0 - К0
myImages1 - К1
myImages
2 - К2
Нажимаем кнопку Next и картина следующая:
myImages
4 - К3
myImages5 - К4
myImages6 - К5
myImages7 - К6
myImagesN - КN
Ну а дальше нумерация по порядку идёт.
То есть вот здесь : myImages
4 - К3, должно быть вот так :myImages
3 - К3
Немогу понять, почему пропускает цифру 3.