<form name="pic">
<button id="prev" onclick="prev_img()">Prev</button>
<img id="myimg">
<button id="next" onclick="next_img()">Next</button>
<script>
i=1;
images = new Array("fon", "ban", "logo1", "logo2", "navub6"); //Массив с названием картинок
document.pic.myimg.src=images[i-1]+".jpg";
function prev_img(){
i--;
if (i<1){i=images.length}
document.pic.myimg.src=images[i-1]+".jpg";
}
function next_img(){
i++;
if (i>images.length){i=1}
document.pic.myimg.src=images[i-1]+".jpg";
}
</script>
</form>
Ошибка в коде, не работат(((
Привет Всем!
Вот код, есть две кнопки Вперед, Назад, при нажатии должна происходить смена картинок, но не происходит, где ошибка??
Вот код, есть две кнопки Вперед, Назад, при нажатии должна происходить смена картинок, но не происходит, где ошибка??
Код:
а какие ошибки выдаёт?
ну и IMHO не должно происходить смены картинок ибо
[html]
// document.pic.myimg.src
document.getElementById("myimg").src = images+".jpg";
[/html]потому как у вас ID параметр указан а не NAME, у тега IMG :)
ну и путь до картинки не плохо было бы указать перед images,
[html]
document.getElementById("myimg").src = "/"+images+".jpg";
// или
document.getElementById("myimg").src = "/images/"+images+".jpg";
[/html]
ну и IMHO не должно происходить смены картинок ибо
[html]
// document.pic.myimg.src
document.getElementById("myimg").src = images+".jpg";
[/html]потому как у вас ID параметр указан а не NAME, у тега IMG :)
ну и путь до картинки не плохо было бы указать перед images,
[html]
document.getElementById("myimg").src = "/"+images+".jpg";
// или
document.getElementById("myimg").src = "/images/"+images+".jpg";
[/html]
дело не в путях, хотя не лишним будет
И не забудь return false, а то будет onload выполняться. Не знаю как с совместимостью, но в Firefox'е этот код работает ;)
Код:
<html><head>
</head>
<body>
<script type="text/javascript">
var i=1;
var images = new Array("fon", "ban", "logo1", "logo2", "navub6"); //Массив с названием картинок
function onload(){
var el = document.getElementById("myimg");
el.src=images+".jpg";
}
function prev_img(){
var el = document.getElementById("myimg");
i--;
if (i<1){i=images.length}
el.src=images+".jpg";
}
function next_img(){
var el = document.getElementById("myimg");
i++;
if (i>images.length){i=1}
el.src=images+".jpg";
}
</script>
<form name="pic">
<button id="prev" onclick="prev_img(); return false;">Prev</button>
<img id="myimg" src="" />
<button id="next" onclick="next_img(); return false;">Next</button>
</form>
</body>
</html>
</head>
<body>
<script type="text/javascript">
var i=1;
var images = new Array("fon", "ban", "logo1", "logo2", "navub6"); //Массив с названием картинок
function onload(){
var el = document.getElementById("myimg");
el.src=images+".jpg";
}
function prev_img(){
var el = document.getElementById("myimg");
i--;
if (i<1){i=images.length}
el.src=images+".jpg";
}
function next_img(){
var el = document.getElementById("myimg");
i++;
if (i>images.length){i=1}
el.src=images+".jpg";
}
</script>
<form name="pic">
<button id="prev" onclick="prev_img(); return false;">Prev</button>
<img id="myimg" src="" />
<button id="next" onclick="next_img(); return false;">Next</button>
</form>
</body>
</html>
=)) Все работает, спасибо обоим! Я жестоко ID c name спутал))
эх, нубяра я пока)))
эх, нубяра я пока)))
br />
function onload(){
var el = document.getElementById("myimg");
el.src=images+".jpg";
}
var el = document.getElementById("myimg");
el.src=images+".jpg";
}
А зачем так??? А если просто в скрипте написать document.getElementById("myimg").src=images+".jpg";??
В опере эта функция не работает.
всё там работает.
а написать так надо на случай если динамически картинки выводятся, в данном случае, да, не нужно.
PS: что-то я тоже сначала не глянул на порядок определения элементов и ф-й :)
а написать так надо на случай если динамически картинки выводятся, в данном случае, да, не нужно.
PS: что-то я тоже сначала не глянул на порядок определения элементов и ф-й :)
ясна =)