Onclick ny bild
Jag undrar hur man skiftar till en annan bild från en knapp i ett formulär?
Alltså man klickar på en knapp för bakåt, och en för att komma framåt?
Det är fyra bilder som ska visas.
Man ska kunna klicka hur många gånger som helst och bilderna ska fortsätta att visas om och om igen!
sä här ser koden ut:
<SCRIPT LANGUAGE="JavaScript">
<!--
var imgToDisplay1 = new Image();
var imgToDisplay2 = new Image();
var imgToDisplay3 = new Image();
var imgToDisplay4 = new Image();
imgToDisplay1.src = 'red.gif';
imgToDisplay2.src = 'yellow.gif';
imgToDisplay3.src = 'green.gif';
imgToDisplay4.src = 'blue.gif';
function changeImgage(name, img){
window.document.images[name].src = img;
}
//-->
</SCRIPT>
</HEAD>
<BODY>
<center>
<IMG SRC="yellow.gif"><BR>
<INPUT TYPE="button" VALUE="<< Föregående" onClick="JavaScript:changeImage(img, name -1);">
<INPUT TYPE="button" VALUE="Nästa >>" onClick="JavaScript:changeImage(img, name +1);">
[Redigerat av Jonte den 25 maj 2000]
Alltså man klickar på en knapp för bakåt, och en för att komma framåt?
Det är fyra bilder som ska visas.
Man ska kunna klicka hur många gånger som helst och bilderna ska fortsätta att visas om och om igen!
sä här ser koden ut:
<SCRIPT LANGUAGE="JavaScript">
<!--
var imgToDisplay1 = new Image();
var imgToDisplay2 = new Image();
var imgToDisplay3 = new Image();
var imgToDisplay4 = new Image();
imgToDisplay1.src = 'red.gif';
imgToDisplay2.src = 'yellow.gif';
imgToDisplay3.src = 'green.gif';
imgToDisplay4.src = 'blue.gif';
function changeImgage(name, img){
window.document.images[name].src = img;
}
//-->
</SCRIPT>
</HEAD>
<BODY>
<center>
<IMG SRC="yellow.gif"><BR>
<INPUT TYPE="button" VALUE="<< Föregående" onClick="JavaScript:changeImage(img, name -1);">
<INPUT TYPE="button" VALUE="Nästa >>" onClick="JavaScript:changeImage(img, name +1);">
[Redigerat av Jonte den 25 maj 2000]