Показать сообщение отдельно
  #2 (permalink)  
Старый 31.03.2011, 23:30
sinistral
Посмотреть профиль Найти все сообщения от melky
 
Регистрация: 28.03.2011
Сообщений: 5,418

<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>



кстати,что будет ,если нажать на вперед / назад? я про логику.

что будет? какая картинка должна меняться ? все три ??

или вообще, что должно происходить?

если бы она была одна,все бы было ясно. но когда их три...

Последний раз редактировалось melky, 31.03.2011 в 23:33.
Ответить с цитированием