Micha: Javascript Diashow mit Popup-Fenster nach Mausklick

Beitrag lesen

Hallo Johan Kier,

ich habe eine kleine Diashow als Bildwechsel, das auch prima funktioniert.

dieser hat jedoch ein paar kleine Formfehler:

<script language="JavaScript">

Hier solltest Du das type-Attribut hinzufügen. Auf das language-Attribut kannst Du hingegen verzichten.

Variablen, die in keiner Methode (in keinem Objekt) deklariert werden und somit dem Objekt window gehören, sind global. Aus diesem Grund darfst Du Deinen Globalvariablen auch ein var spendieren. Grundsätzlich gilt, dass Du so wenig wie möglich auf die globale Deklaration zurückgreifst und versucht, es lokal zu lösen. Dies vermeidet zB Konflikte mit anderen Skripten.

Statt:

verzoegerung = 120;

also lieber var verzoegerung = 120; - für die anderen analog.

// hier werden die Bilder im Hintergrund geladen
for (i = 1; i <= 10; i++) {

Die Variable i ist nur ein Laufindex, der nicht global benötigt wird. Hier stört ein var sicher nicht. Dadruch wäre i nur in der Schleife bekannt und nach Abarbeitung dieser, kann sie aus dem Speicher entfernt werden.

bilder[i] = new Image();

In der Schleife kannst Du den Bildern auch das gewünschte Ereignis anfügen zB so:
bilder[i].onclick = function(e) { oeffneFenster(); };

In der Funktion offneFenster() kannst Du nun ein normales PopUp mit der gewünschten Seite öffnen.

Mit freundlichem Gruß
Micha