Форумы портала PHP.SU :: Версия для печати :: Проблемы с переключением картинок в слайдере

Страниц (1): [1]

1. teddy - 22 Июля, 2013 - 13:57:41 - перейти к сообщению

Добрый день... решил написать слайдер на js, возникла проблема, никак не могу понять из за чего... Вроде все происходит так как я хочу, но визуального эффекта не наблюдаю... А именно, при вызове функции nextPhoto() индекс фотографии должен увеличиваться, соответственно должна меняться фотография, но почему то этого не происходит.

CODE (javascript):
скопировать код в буфер обмена

<script type="text/javascript">
var photo = 0;
 
window.onload = function()
{
        
    //var arr = new Array("0.jpg", "1.jpg", "2.jpg", "3.jpg");
       var img = document.createElement('IMG');
       img.className = 'images'
                        
       img.src = "images/"+photo+".jpg";
       document.body.appendChild(img);
                
}
 
function nextPhoto()
{
     photo++;
     alert(photo);
 
}       
 
</script>
<input type="button" value="Вперед" onclick="javascript:nextPhoto();">

Тоесть есть переменная photo, которая должна увеличиваться при вызове функции nextPhoto(); - алертом когда проверяю, её индекс меняется, соответственно должно меняться и фото, но оно остается неизменно. Всегда показывает фото под названием 0.jpg А при клике должно быть уже показано 1.jpg. Подскажите, пожалуйста, почему так?

var img = document.createElement('IMG');

var images = new Array("hello.jpg", "world.jpg", "i am.jpg", "js script.jpg");

window.onload = function()

img.className = 'images'

img.src = "images/"+images[curIndex]+".jpg";

document.body.appendChild(img);

function nextPhoto()

img.src = "images/"+images[curIndex]+".jpg";

var img = document.createElement('IMG');

var images = new Array(

"http://t1.gstatic.com/images?q=tbn:ANd9GcSplPiTmsAeZ6uAd-5_GMJCe5UN5m7AG0G4wXrOW9vL6VrAaWsK",

"http://t0.gstatic.com/images?q=tbn:ANd9GcQpP1r25pxzLcndtTNt1Ybl5ayccVs-0zmzFLFjFGRpdQx3vry8",

"http://forum.allgaz.ru/customavatars/avatar915_11.gif"

window.onload = function()

img.className = 'images'

img.src = images[curIndex];

document.body.appendChild(img);

function nextPhoto()

img.src = images[curIndex];

var path = "images/";

var img = document.createElement('IMG');

window.onload = function()

img.className = 'images'

img.src = path+curIndex+".jpg";

document.body.appendChild(img);

function nextPhoto()

curIndex = (curIndex == maxIndex) ? 0 : ++curIndex;

img.src = path+curIndex+".jpg";