dyingeyes weblog: das persönliche Weblog von Boris Stumpf aus Frankfurt am Main

Bin soeben via deep-resonance auf eine einfach einzubindende Möglichkeit gestoßen, ausgehend von kleinen Vorschaubildern (Thumbnails) das jeweilige große Bild per Javascript unmittelbar am Ort aufzoomen zu lassen:

FancyZoom 1.0

Das Päckchen besteht aus zwei Javascript-Dateien (33,8 Kb) und ein paar kleinen Bildelementen für Rahmen, Schatten und Schließknopf und ist kinderleicht auf der eigenen Website einzubinden. Sofern man übliche HTML-Bildlinks <a href=”…”><img src=”…”></a> verwendet, funktioniert das Ganze automatisch, ohne dass man noch im eigenen Quelltext editieren müsste.

Bei ausgeschaltetem Javascript funktionieren die Links einfach und gewohnt HTML-mäßig.

Welche Browser Probleme damit haben (na? welche?), gibt der Autor an, in den Kommentaren gibt es mehr dazu.

Arrrg … wenn mir beim Zwinkern ständig ein paar Wimpern vom oberen und vom unteren Augenlid zusammenkleben bleiben, werde ich schier irre!! Moment …

Ich habe diese Skripte soeben einmal testweise auf meiner Bilder-Domain augenstille.de eingebunden und bin ganz angetan. Im Firefox unter Linux gibt es kein Problem, im Opera öffnen die großen Bilder zu weit unten und rutschen aus dem Fenster heraus (das Problem ist dem Entwickler wohl bekannt). Nachher schaue ich vielleicht noch unter Windows nach.
(more…)

Den avancierten Webformulargestalter mag das interessieren: dem Besucher einer Seite die Möglichkeit zu geben, in einem längeren Formular all die Felder ausblenden zu können, die er nicht ausfüllen muss. Dass dieses Feature dank der Kooperation von Javascript, DOM und CSS standardkonform möglich ist – und damit für den angesprochenen avancierten Webdesigner überhaupt nur interessant, sei hier nur erwähnt.
Wie das alles genau funktioniert, werde ich mir selbst nochmal in Ruhe durchlesen – und zwar genau hier! – und anschließend experimentell nachvollziehen zwecks Einfügung ebendieser Technik ins eigene Know-how-Kistchen….
Gefunden übrigens über Digital Web Magazine