Форум

tra+ · #1 (**permalink**) 17.04.2012, 15:42

<head>
<script type="text/javascript">
var array = new Array(
'wallwood.jpg',
'blank-chalkboard.jpg',
'x_6162ac65.jpg');

for(i=0; i<array.length; i++){
var im = document.getElementById("rotatorbutton");
im.src = array[i];
}

</script>
</head>
<body>

<script>
document.write("<img id = 'rotatorbutton' src = '" + array[i] + "'>");
</script>

<input type='button' value='>'>

</body>
</html>

вот мой код
но он не заработал

пожалуйста подскажите как сделать чтобы картинки переключаются
когда нажимаешь на кнопку))

KingStar · #2 (**permalink**) 17.04.2012, 17:28

что-то вроде

var array = new Array(

            'wallwood.jpg',
            'blank-chalkboard.jpg',
            'x_6162ac65.jpg'
);

	

q=1;
function ImgNext(){
	if(q < array.length) { 
		var im = document.getElementById("rotatorbutton");	
		im.src = array[q];
	}	
q++;
}



i = array.length;
function ImgPrevious() {

	if (i >= 0) { 
		var im = document.getElementById("rotatorbutton");	
		im.src = array[i]; 
	}
i--;	
}

</script>
</head>
<body>

<script>
document.write("<img id = 'rotatorbutton' src = '" + array[0] + "'>");
</script> 

<input type='button' value='<' onClick='ImgPrevious();'> 
<input type='button' value='>' onClick='ImgNext();'>

tra+ · #3 (**permalink**) 17.04.2012, 17:48

спасибо

Форум

Справочник

Discord чат

Курсы javascript