Wie man Bilder auf einer Webseite ändern

So dass sie zu wechseln, wenn die Maus über oder aus ihnen, können Sie Bilder auf Ihrer Website anpassen. Dank JavaScript Code, dauert der Prozess nur wenige Minuten zu tun. Du musst mindestens zwei Bilder in den Swap zu verwenden, um zu sehen, die Bilder auf Ihrer Webseite zu ändern. Es ist wichtig, um jeden Satz von Bildern im Wandel, zu nennen, damit Ihr Browser erkennt welche Bilder verändern.

Anweisungen

1 Öffnen Sie die HTML-Datei, die Sie ändern möchten.

2 Fügen Sie den folgenden JavaScript-Code im HEAD-Abschnitt der Seite, so dass das Bild ändern kann, als Sie mit der Maus drüber Rollen:

< Skriptsprache = \ "JavaScript\" Typ = \ "Text/Javascript\" >Funktion Over(){

document.getElementById(\"groupname1\").src = \"image1.jpg\"

GEHEN}

Funktion Out(){

document.getElementById(\"groupname1\").src = \"image2.jpg\"

GEHEN}< / script >

3 Bildnamen, "Ressourcen image1.jpg" und "image2.jpg" mit den tatsächlichen Namen der Bilddateien ersetzt. Die Over()-Funktion wird das Bild angezeigt, wenn jemand drüber, rollt, während die Funktion Out() es angezeigt wird, wenn die Maus leuchtet.

4 Platzieren Sie den folgenden HTML-Code zwischen < BODY >-Abschnitt Ihrer Seite, wo das Bild erscheinen soll:

< Img Id = \ "groupname1\" src=\"image2.jpg\" Onmouseover = \ "Over () \" Onmouseout = \ "Out () \" / >