Hur får jag så att bilderna byts ut
( framåt & bakåt )
med hjälp av knapparna??
Koden:
<html>
<head>
<title>Inlämningsuppgift för lektion 11 - JavaScript</title><center>
<SCRIPT LANGUAGE="JavaScript">
<!--
function doPreload(){
var pics = new Array('american.jpg','entrapment.jpg','messenger.jpg','warrior.jpg');
preloadImages(pics);
}
function preloadImages(pics_array) {
for(loop = 0; loop < pics_array.length; loop++){
var imgToDisplay1 = new Image();
var imgToDisplay2 = new Image();
var imgToDisplay3 = new Image();
var imgToDisplay4 = new Image();
imgToDisplay1.src = 'american.jpg';
imgToDisplay2.src = 'entrapment.jpg';
imgToDisplay3.src = 'messenger.jpg';
imgToDisplay4.src = 'warrior.jpg';
}
}
var current = 0;
function changeImgage() {
this.length = changeImgage.arguments.length;
for (var i = 0; i < this.length; i++) {
this = changeImgage.arguments;
}
}
var Image = new changeImgage("american.jpg", "entrapment.jpg", "messenger.jpg", "warrior.jpg");
function change(val) {
var goodnum = current+val;
if (goodnum > 3) document.image.src = Image[0];
else if (goodnum < 0) document.image.src = Image[3];
else document.image.src = Image[goodnum];
current = goodnum;
}
//-->
</SCRIPT>
</head>
<body bgcolor="darkblue">
<center>
<table border="0" cellspaning="0" cellpadding="5">
<tr>
<td>
<font color="silver" face="metrostyle"><h2>
Inlämningsuppgift nr2 i JavaScript lektion 11!</h2></font><br></td>
</tr>
<tr>
<td height="218"><center>
<SCRIPT LANGUAGE="JavaScript">
document.write('<img name="image" src="'+Image[0]+'">');
</SCRIPT></td>
</tr>
<tr>
<td><center>
<form>
<INPUT TYPE="button" VALUE="<< Föregående" onClick="change(-1)">
<INPUT TYPE="button" VALUE="Nästa >>" onClick="change(1)"></center></td>
</tr>
</form>
</table>
</center>
</body>
</html>