 PopUp bei Mouseover
Nicht wirklich überall angebracht. Zur schnellen Vorschau für ungeduldige Besucher eine Bildvorschau ohne Mausklicken. Ein Window mit Bildinhalt wird ...
- bei MouseOver geöffnet
- bei MouseOut geschlossen
 28.02.2007 10:30 Uhr, Scriptcode nachgebessert
Ich musste das Script nachbessern weil bei einem 'wackeligen' Mauszeiger die Funktion zur Bildanzeige / Öffnen des Fensters innerhalb von Millisekunden mehrmals aufgerufen werden würde. Da kann sich der schnellste Rechner dann mal 'verschlucken'. Das Delay steht zur Zeit auf 40 ms Der Wert kann evtl. noch erhöht werden. Probleme könnte es ebenfalls geben, wenn ein Bildlink mit der Maus überfahren wird, bevor die Seite komplett geladen wurde.
|
|
Testen
 Januar
Februar
März
April
Mai
Juni
Die Angaben der Images stehen in einem Array (Register). Jeweils 3 Werte (URL, Breite, Höhe) werden dort für jedes Bild abgelegt. Wie sie sehen ist nicht nur die Bildadresse, sondern auch zur Bestimmung der Fenstermaße Breite und Höhe der Grafik dort abgelegt.
In diesem Beispiel:
Bpic[0]="01.jpg", Bbr[0]=200, Bho[0]=133; // Januar
Bpic[1]="02.jpg", Bbr[1]=200, Bho[1]=133; // Februar
Bpic[2]="03.jpg", Bbr[2]=200, Bho[2]=133; // März
Bpic[3]="04.jpg", Bbr[3]=200, Bho[3]=133; // April
Bpic[4]="05.jpg", Bbr[4]=200, Bho[4]=133; // Mai
Bpic[5]="06.jpg", Bbr[5]=200, Bho[5]=133; // Juni
Variablen / Arrays:
Bpic[] = URL des Bildes
Bbr[] = Breite des Bildes
Bho[] = Höhe des Bildes
Syntax für den Link (Text oder Image):
<a onMouseOut="zu()" onMouseOver="zeige(x)" href="#">April</a>
X ersetzen durch die Nummer des Bildes.
Sie beachten, das im Array das erste Element 0 (Null) ist, das zweite 1 (Eins), ... .
     
|
WWW.WEB-TOOLBOX.NET
ScriptCode 
ZURÜCK