<div id="next" class="myDiv">Вперед</div>
<div id="pic" class="myDiv"> </div>
<div id="prev" class="myDiv">Назад</div>
<script>
var next = document.getElementById('next'); // кнопка Next
var myDiv2 = document.getElementById('pic'); // отображение изображений
var prev = document.getElementById('prev'); // кнопка Previos
// *!* тут мои картинки. подставил,чтобы видеть,все ли ок. можно,конечно,заменить на свой массив */!*
var myPath = [ // массив с путями к картинкам
'http://worms.org.ua/forum/medals/missions1.gif',
'http://cs9846.vkontakte.ru/u56640186/a_926164aa.jpg',
'http://cs957.vkontakte.ru/u56640186/108183787/x_a11bbb4c.jpg',
'http://javascript.ru/forum/image.php?u=12584&dateline=1301573529',
'http://javascript.ru/forum/images/smilies/haha.gif'
]
var myImages=[] ;// предзагрузка изображений
for(i=0; i<myPath.length; i++)
{
myImages[i] = new Image();
myImages[i]*!*.src*/!* = myPath[i];
}
var j = 0 ; k = 3; // количество отображаемых картинок (3 штуки)
for (j; j<k; j++) // вывод первых трёх картинок
{
//*!* магия : мы создаем новую картинку */!*
//var myImg = document.createElement ('IMG');
//*!* магия : присваиваем ей путь,равный УЖЕ СУЩЕСТВУЮЩЕЙ . от этого путь становится равным [object HTMLImageElement]*/!*
// myImg.src = myImages[j];
// вот так в 3 раза меньше кода
myDiv2.appendChild( myImages[j] );
}
next.onclick = function () // прокрутка изображений: следующаая картинка. То что нужно реализовать.
{
j++; k++;
myImg.src = myImages[j]
}
</script>
кстати,что будет ,если нажать на
вперед / назад? я про логику.
что будет? какая картинка должна меняться ? все три ??
или вообще, что должно происходить?
если бы она была одна,все бы было ясно. но когда их три...