Смена картинок при клике
в общем такая картина
<script type="text/javascript">
var images = new Array();
var i = 0;
images[0] = './images/1.jpg';
images[1] = './images/2.jpg';
images[2] = './images/3.jpg';
function viewImages() {
document.getElementById("img_main").src = images[i];
i++;
if (i == images.length) {
i = 0;
}
}
function lol() {
document.getElementById("img_main").src = images[i];
i--;
if (i == images.length) {
i = 0;
}
}
</script>
<input type="button" value="Next" onclick="viewImages()"></input>
<input type="button" value="Nazad" onclick="lol()"></input>
<img src="" id="img_main">
<script> viewImages(); </script>
При клике на кнопку вперед всё норм работает как нужно, только вот при клике назад, чтото совсем непонятно i-- работает(((( HELP((( |
<script type="text/javascript">
var images = new Array();
var i = 0;
images[0] = './images/1.jpg';
images[1] = './images/2.jpg';
images[2] = './images/3.jpg';
function viewImages() {
i++;
if (i == images.length) {
i = 0;
}
document.getElementById("img_main").src = images[i];
}
function lol() {
i -= 1;
if (i < 0) {
i = images.length-1;
}
document.getElementById("img_main").src = images[i];
}
</script>
|
почемуто два раза приходится по кнопке кликать но переключается как надо(((
|
<script type="text/javascript">
var images = new Array();
var i = 0;
images[0] = './images/1.jpg';
images[1] = './images/2.jpg';
images[2] = './images/3.jpg';
function viewImages() {
i++;
if (i == images.length) {
i = 0;
}
document.getElementById("log").innerHTML += ' __<span style="color:red" >'+images[i]+'</span>';
document.getElementById("img_main").src = images[i];
}
function lol() {
i = i-1;
if (i < 0) {
i = images.length-1;
}
document.getElementById("log").innerHTML += ' __<span style="color:green" >'+images[i]+'</span>';
document.getElementById("img_main").src = images[i];
}
</script>
<input type="button" value="Next" onclick="viewImages()"></input>
<input type="button" value="Nazad" onclick="lol()"></input>
<img src="" id="img_main">
<div id="log"></div>
<script> viewImages(); </script>
последние версии хромов, лисы и осла нормально отработали. в каком браузере проблема? |
<script type="text/javascript">
var images = new Array();
var i = 0;
images[0] = 'images/1.jpg';
images[1] = 'images/2.jpg';
images[2] = 'images/3.jpg';
function lol() {
i = i-1;
if (i < 0) {
i = images.length-1;
}
document.getElementById("img_main").src = images[i];
};
function viewImages() {
i = i+1;
if (i == images.length) {
i = 0;
}
document.getElementById("img_main").src = images[i];
};
</script>
Вот так то что нужно... СПС Viral |
| Часовой пояс GMT +3, время: 17:54. |