Zoomy
Zoomy ist ein einfaches jQuery-PlugIn mit dem man ein Bild um eine Zoomfunktion erweitern kann.
Der Zoom funktioniert dabei so, wie man ihn z.B. von der Bildschirmlupe von Windows her kennt: der Bereich rund um den Mauszeiger wird vergrössert angezeigt.
Je nach verwendetem Browser sieht das Ergebnis "ein wenig" anders aus. Auf Browsern die CSS3 unterstützen sieht das Ganze so aus wie auf dem Screenshot. Bei älteren Browsern ist der vergrösserte Bereich einfach nur quadratisch.
Die Vergrösserung funktioniert dabei so, dass man zwei Grafiken benötigt: einmal die kleine Version und eine vergrösserte. Sobald man mit der Maus über die kleine Variante geht wird die grosse im Hintergrund geladen und dann der passende Ausschnitt eingeblendet. Es funktioniert nicht so wie z.B. bei der Flash-Lösung Zoomify – dort werden verschieden stark skalierte Versionen in Kacheln aufgeteilt und dann nur die jeweils benötigten Kacheln geladen. Man hat also den "Nachteil", dass wenn die vergrösserte Version 2MB gross ist, diese 2MB auch komplett geladen werden.
Das PlugIn steht unter einer Dual-Lizenz aus GPL und MIT und kann entsprechend frei genutzt werden.
Letzte Kommentare