WaBis

walter.bislins.ch

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:

Screenshot FS9 
(Klick: Zoom)
Screenshot FS9 
(Klick: Zoom)

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!

 Umfangreicheres Beispiel

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 derselben Seite vergrössert.
  • Die Position und Grösse 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

Weitere Infos zur Seite
Erzeugt Mittwoch, 6. Januar 2010
von wabis
Zum Seitenanfang
Geändert Samstag, 18. Juli 2015
von wabis