Good to Know Database

Bild auf einer HTML Webseite austauschen


Das folgende JavaScript Beispiel zeigt wie Sie ein Bild auf einer HTML Webseite austauschen können wenn man mit der Maus auf das Bild geht. Dazu wird die hier gezeigte JavaScript Funktion change_img() benötigt. Dieser Funktion wird der Name des Bildes, welches ausgetauscht werden soll und der Dateiname des neuen Bildes übergeben. Im HTML Code wird die JavaScript Funktion über onmouseover beziehungsweise onmouseout aufgerufen.

<html>
<head>
  <title>Testseite</title>
  <script type="text/javascript">
  <!--
    function change_img(img_name, img_src) {
      document[img_name].src = img_src;
    }
  -->
  </script>
</head>
<body>
  <img name="image" src="image1.png" onmouseover="change_img('image', 'image2.png')" onmouseout="change_img('image', 'image1.png')" />
</body>
</html>


Dieser Eintrag wurde am 05.01.2017 erstellt.

Direkter Link zu dieser Seite: http://www.gtkdb.de/index_12_2882.html

[ Zur Startseite ]   [ Zur Kategorie ]


Valid XHTML 1.0 Transitional Valid CSS Valid Atom 1.0

© 2004-2017 by Georg Kainzbauer