Ein sehr wichtiges Element des Internet sind Bilder und JavaScript gibt sehr gute Möglichkeiten zum Manipulieren von Bildern .

Ein Beispiel wie man Bilder mit JavaScript manipulieren kann, können Sie rechts sehen.

Noch ein Beispiel für Bildmanipulation mit JavaScript können Sie hier links sehen, wenn Sie mit der Maus über das Bild gehen. Das Bild links ist eigentlich zu groß, so daß es einige Sekunden dauern kann, bis das andere Bild erscheint. Der Code für diesen Rollover sieht so aus:

<a href="#" onmouseover="document.bild.src='bld2.jpg'" onmouseout="document.bild.src='bld1.jpg'"> <img src="bld1.jpg" name="bild" border=0 width=186 height=207>

<DIV><IMG id=ref src="bld1.jpg" height=207 width=186><br> <SCRIPT> function spiegel(){ setInterval("rsl.filters.wave.phase+=10",90);} if (document.all){ document.write('<img id=rsl src="'+document.all.ref.src+'" style="filter:wave(strength=2,freq=3,phase=0,lightstrength=10) blur() flipv()">') window.onload=spiegel} </SCRIPT> </DIV> - - - - - - - - - - - Anstatt window.onload kann auch document.onmouseover verwendet werden u.ä. Achten Sie darauf, daß in der letzten Zeile des Scripts (window.onload=spiegel) der Name der Funktion ohne Klammern geschrieben wird.

 Diverse Skripte