leer leer leer leer
Portugal Distel Portugal Distel Portugal Distel
Banner Schatten
leer
 Start
   JavaScript

 Scripte
 Referenzen
 Sammlungen

 Gästebuch
 Kontakt

JavaScript

Animation
und Funktion

Scripte
Bilder austauschen

Möchte man Bilder einer HTML-Seite, z. B. einer Notes generierten Ansicht, austauschen ist diese Funktion nützich. Die Funktion sollte dann zwischen die <HEAD> Tags eingefügt werden, der Aufruf erfolgt dann im <BODY> Tag.

Zwischen den <HEAD></HEAD> Tags

In der Funktion müssen natürlich die Angaben zur alten bzw. neuen Grafik angepasst werden. Die / und $ Zeichen in der Variablen AlteGrafik dienen zur Erzeugung eines Regulären Ausdrucks, der das Auffinden in der Webseite ermöglicht.

<SCRIPT LANGUAGE="JavaScript">
<!-- START

function bilderTausch(){

   // Zu tauschender Dateiname
   // (regulaerer Ausdruck / und $ Zeichen hinzufuegen)
   AlteGrafik = /homekupferpas.gif$/;

   // Pfad/Name der neuen Datei
   NeuerPfad = "../grafiken/BUTTONS/set_04/homekupferakt.gif";

   // Alle Grafiken des Dokuments durchgehen
   for (i = 0; i < document.images.length; i++) {
       // Falls gesuchte Datei gefunden Bild austauschen
       if (AlteGrafik.exec(document.images[i].src)) {
           document.images[i].src = NeuerPfad;
       }
   }

}

// ENDE -->
</SCRIPT>

Einbindung in den <BODY> Tag

Damit die Grafiken sofort ausgetauscht werden erfolgt der Aufruf der Funktion im <BODY> Tag folgendermaßen:

<BODY onLoad="bilderTausch()">

Beispiel

Der Aufruf erfolgt hier allerdings über einen Button.

Beispielgrafik
Beispielgrafik
Beispielgrafik
Beispielgrafik

letzte Aktualisierung: 05.03.2000,     © by  Olaf Strunck     -     TopTop