LautundKlar Webdesign Blog

LautundKlar Webdesign Agentur Passau - Webdesign Weblog

Victor Hugo:
Ein Traum ist unerlässlich, wenn man die Zukunft gestalten will.

LautundKlar Webdesign Blog

Weblog zum Thema Webdesign, auf dem wir in unregelmäßigen Abständen zu interessanten Artikeln verweisen und Tipps zu bestimmten Problemen (Webdesign, CSS, PHP, JavaScript, Typo3 etc.) geben wollen.


Shiftzoom: JavaScript Image Zoom

Donnerstag, 15. Januar 2009

JavaScript Image Zoom mit Zoom In und Zoom out

Shiftzoom

Mit shiftzoom.js kann man Bilder in Übergröße in kleineren Containern mittels Zoom-und Pan-Funktion skalieren und den Focus im vergrößerten Bild über eine Thumbnaildarstellung beliebig verschieben. Außerdem lässt sich der Image-Zoomer über die Tastatur steuern. Für nicht kommerziellen Einsatz darf das Scrip kostenlos verwendet werden.

Kompatibilität:  Mozilla Firefox 1.5 +, Opera 9 +, IE 6 + und Safari
Technik: CSS, unobtrusive JavaScript
Website: www.netzgesta.de/shiftzoom/

Popularity: 50% [?]

2 Kommentare »

Cool, genau das was ich ewig gesucht habe. Ich kannte sowas bis jetzt nur mit Flash aber mit JavaScript ist es (zumindest für mich) besser einsetzbar. Einzig den + und – Button find ich etwas blöd weil man damit den Zoomfaktor nicht genau einschätzen kann…
Aber trotzdem…cooles Teil :)

Kommentar von Stephan

17. Januar 2009 @ 17:03

Was ähnliches, nur viel viel cooler: Ajax-Zoom :-) Kostet allerdings ein wenig für kommerziellen Gebrauch.

Kommentar von Hans Peters

5. April 2010 @ 06:30

RSS-Feed für Kommentare zu diesem Beitrag. TrackBack-URI

Einen Kommentar hinterlassen

XHTML: Sie können diese Tags verwenden: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Kommentarlinks könnten nofollow frei sein.



blogCloud bloggerei.de supported by www.rankingcloud.de Gelistet im Blog Verzeichnis

PantherMedia -  Fotocommunity und Bildagentur für lizenzfreie Fotos
 Bildsuche: lizenzfreie Fotos