esse est percipi
Das Weblog eines Grafikdesigners. Seit 2003.

esse est percipi

Einfach gute Mac-Apps.

Von einem unabhängigen Entwickler,
der sie täglich selbst nutzt.

Blog Apps

Impressum/Datenschutz/AGB

Webdesign | Dienstag, 10. Januar 2006

Lightbox JS

Ich hatte es gestern schon im Notizbuch veröffentlicht, aber Lightbox JS ist so fantastisch, dass ich dieses unobtrusive Javascript hier mal in Aktion zeigen muss (klicken Sie auf das Bild). Wenn ich keine Nachteile entdecke, wird es neue Fenster für Bildvergrößerungen hier zukünftig wohl nicht mehr geben.

Kommentare:

Bei den Kommentaren handelt es sich um fremde Inhalte, die sich „esse est percipi“ nicht zueigen macht. Verantwortlich für den Inhalt eines Kommentars ist der jeweilige Verfasser.

Raphael Schweikert Dienstag, 10. Januar 2006, 19:04 Uhr

Nachteil ist, dass der Benutzer (also ich zum Beispiel) einen Herzinfarkt hat weil er denkt, es sei eine Kernel-Panic (und das während der Macworld-Keynote)…

Michael Preidel Dienstag, 10. Januar 2006, 19:07 Uhr

Au Mist, die Keynote habe ich völlig vergessen, jetzt aber nix wie hin auf die News-Seiten …

Jan Piotrowski Dienstag, 10. Januar 2006, 19:19 Uhr

Im IE (ich nutze Sharpreader als RSS-Reader, der leider IE zu Anzeige nutzt) liegen die Dropdownbox, der brandneue Stern und „Startseite Portfolio Kontakt“ auf der Grafik.

Stefan Dienstag, 10. Januar 2006, 20:18 Uhr

Also bei mir (Win XP Spro, SP2, Firefox 1.5) wird nur der obere Teil der Seite dunkel überlagert, ein Bild wird aber nicht angezeigt. Im IE funktioniert es hingegen.

Michael Preidel Dienstag, 10. Januar 2006, 20:43 Uhr

Tja, einwandfrei funktionieren tut es bisher nur in Safari. Aber bevor ich selbst in dem Javascript herumfummele, warte ich lieber erst Mal auf das Update des Entwicklers, das er für heute nacht angekündigt hat. Da soll z.B. das Problem, dass in Firefox nur ein Teil der Seite mit dem transparenten PNG überlagert wird, behoben sein.

Die Menüs und den Stern habe ich im IE hinter das vergrößerte Bild bekommen, warum allerdings das Themen-Popupmenü über dem Bild liegt, ist mir bislang noch ein Rätsel.

Kaiuwe Dienstag, 10. Januar 2006, 21:37 Uhr

Im Opera unter Windows überlagern die Google-Anzeigen das Bild, aber das scheint ein allgemeiner Fehler zu sein, da die Anzeigen auch über den Kopfbereich laufen.

Andreas Mittwoch, 11. Januar 2006, 12:35 Uhr

Feine Sache das.
Funktioniert im IE 6, Fx 1.5, Opera 8.5 unter Win2k.

Allein Opera zeigt das halbtransparente Bild nicht an, was kein Nachteil sein muss. Eine Anmerkung zur Usability sei gestattet: Die Lösung, per title Hinweise zum Benutzen zu geben, mag für den Erstklick zum Vergrößern angemessen sein.

Ich jedenfalls ziehe den Cursor beim vergrößerten Bild aus dem Bild hinaus um die Ansicht genießen zu können. So fiel mir zunächst nicht auf, dass ein Klick auf das Bild jenes wieder verkleinern könnte. Hat eine Weile gebraucht während dessen ich nach einem „x“ bzw. einem „Fenster schließen“-Link gesucht habe.

Michael Preidel Mittwoch, 11. Januar 2006, 13:46 Uhr

@ Andreas: Das mit dem fehlenden Hinweis stimmt. Zur Zeit bringt der Autor relativ häufig Updates heraus, deshalb will ich noch keine eigenen Hacks ins Script integrieren. Mal sehen, vielleicht kommt ja auch direkt von ihm eine Lösung …

Milos Mittwoch, 11. Januar 2006, 15:00 Uhr

Ich hab das Problem, das iE keine transparenten, schwarzen Hintergrund bring. Irgendjemand nen Tipp?

Milos Mittwoch, 11. Januar 2006, 15:02 Uhr

Problem gelöst. Die Dateien lagen bei mir in einem Unterverzeichnis. iE kommt damit irgendwie nicht zurecht. ??

Heino Donnerstag, 12. Januar 2006, 10:17 Uhr

Funktioniert gut und einfach. Ich habe statt des schwarz-transparenten PNG für den Hintergrund aber ein weiß-transparentes verwendet. Das sieht deutlich besser aus und reduziert (siehe Raphael) das Infarktrisiko. Wie bei Milos liegen die Daten auch bei mir in Unterverzeichnissen, was aber für Safari, Firefox (Windows/Max) und IE (Windows/Mac) kein Problem war. Warum auch?!

Roman Röhrig Donnerstag, 12. Januar 2006, 16:57 Uhr

Klasse, das Script. „It just works“, könnte man Apple-mäßig sagen …

Nick Blume Montag, 16. Januar 2006, 12:04 Uhr

Bei mir wundere ich ich, daß mein Bild nicht vergrößert wird, obwohl es im HTML-Code angegeben ist. Hier: http://guillemets.de/weblog/googleerde. Aber mit dem Flash-Zeug funktioniert es noch nicht so gut, aber eine super Idee.

Michael Preidel Montag, 16. Januar 2006, 14:00 Uhr

@ Nick: Das Bild http://guillemets.de/images/431.jpg ist ja auch nur 475×362 Pixel groß – und in dieser Größe wird es auch angezeigt. Aber wie es scheint, hat der Autor jetzt ein X zum Schließen eingebaut.

Nick Blume Montag, 16. Januar 2006, 15:20 Uhr

Ok, danke, ich dachte, sie würden auch einfach so mitvergrößert… sehr gesunde Selbstkontrolle des HTML-Codes.