Kuva vaihtuu
Pääsivu>Webmasters>Javascript>Kuvaefektit
[ Edellinen | Seuraava ]
Tarvitset kaksi kuvaa, hkn1.gif ja hkn2.gif.
Laita sivun <head> osaan Valitse kaikki <script language="JavaScript"> <!-- var browserOK= false; var Bilder; // --> </script> <script language="JavaScript1.1"> <!-- browserOK= true; Bilder= new Array(); // --> </script> <script language="JavaScript"> <!-- function schalterZeigen() { if (!browserOK) { document.write("<form><input type='checkbox' CHECKED "); document.write("onClick='anzeige(this.checked)'>Switch</form>"); } else { document.write("<a href=\"javascript:schalten('bild1')\">"); document.write("<img src='switch/hkn1.gif' align=middle "); document.write("name='bild1' width=38 height=39 border=0></a> Switch"); } } function anzeige(wert) { if (wert) document.ausgabe.text.value= "The Switch Is On." else document.ausgabe.text.value= "The Switch Is Off."; } function laden(name,funktion,zustand,erstes,zweites) { if (browserOK) { Bilder[name]= new Array(); Bilder[name]["an"]= new Image(); Bilder[name]["an"].src= erstes; Bilder[name]["aus"]= new Image(); Bilder[name]["aus"].src= zweites; Bilder[name]["name"]= name; Bilder[name]["zustand"]= zustand; Bilder[name]["funktion"]= funktion; } } function schalten(name){ if (browserOK) { var bild= Bilder[name]; if (bild["funktion"] == "checkbox") { if (bild["zustand"] == "an") bild["zustand"]= "aus" else bild["zustand"]= "an" document.images[name].src= bild[bild["zustand"]].src; } if (bild["zustand"]=="an") anzeige(true) else anzeige(false); } } function aus(){ if (browserOK) { for (i=0; i<anzahlObj; i++) { if (document.images[Bilder[i][2]] != null) if (Bilder[i][0].complete) document.images[Bilder[i][2]].src=Bilder[i][0].src; } } } laden("bild1","checkbox","an","switch/hkn1.gif","switch/hkn2.gif"); //--> </script>