JavaScripts: Zoom-Funktion für Bilder
Die Gratis JavaScript Zoom-Funktion vergrössert auf Mausklick Bilder innerhalb einer Webseite. Die Zoom-Bilder werden automatisch im Hintergrund nachgeladen, sodass sie ohne Verzögerung gezoomt werden.
Demo
Oft möchte man auf einer Webseite gleichzeitig eine Reihe von Vorschaubildchen zeigen, die schnell geladen sind. Der Besucher soll aber auch je eine grosse Version davon ansehen können, ohne dass er zwischen mehreren Seiten hin und her navigieren muss. Hier die Lösung:
 |  |
Klicke auf ein Bild um die Zoom-Funktion in Aktion zu sehen!
Beachte, dass die grossen Bilder bereits beim Betrachten der Vorschaubilder im Hintergrund nachgeladen werden, sodass sie in der Regel beim Anklicken der Vorschau ohne Verzögerung sofort erscheinen!
Eigenschaften der Zoom-Funktion
- Gratis und seit Jahren bewährt (siehe Zoom: Download)
- Durch Anklicken eines kleinen Bildes oder eines anderen HTML-Objektes wird es animiert auf der selben Seite vergrössert.
- Die Position des Zoombildes kann vielfältig eingestellt werden.
- Anklicken der Vergrösserung macht den Zoom rückgängig.
- Wenn die Vergrösserung 2/3 aus dem Bild gescrollt wird, wird sie automatisch wieder geschlossen.
- Alle Zoom-Bilder werden automatisch im Hintergrund vorausgeladen (preload)
- Doppelklick auf ein Zoom-Bild bringt das Bild auf einer eigenen Seite (z.B. zum Ausdrucken)
- Einfache Anwendung
- Funktioniert mit allen modernen Browsern
Websites, welche die Zoom-Funktion einsetzen
- kuenstlerkreis-hoehenkirchen-siegertsbrunn.de
- frank-vogel-malerei.de
- josefstadtwien.at
- www.musikhaus-korn.de - für Produkte im Shop
- www.b5-mosaik.de
- www.h-d-events.ch - Motor Cycles Harley-Davidson
- www.buchrestaurierung.eu
- www.haarstudio-happy-hair.de
| 