Heute gibts mal wieder ein kleines jQuery PlugIn über das ich letzte Woche gestolpert bin: jQuery.popeye 2.0 ist eine interessante Alternative zu den üblichen Lightbox Scripts die man so findet.
Einen Teil des Effekts sieht man in dem Screenshot (das hintere Bild ist der “Normalzustand” und das vordere zeigt das PlugIn in Aktion wenn man den Mauszeiger auf dem Bild positioniert). Im Prinzip kann das PlugIn zwei Dinge: geht man mit der Maus auf ein Bild, können Navigationselemente eingeblendet werden und es wird eine Beschreibung des Bildes angezeigt. Man kann nun die Navigationselemente nutzen um weitere Bilder anzuzeigen oder man nutzt die Zoom-Funktion um das aktuelle Bild zu vergrösseren. Von diesem Verhalten gibt es verschiedene Varianten: am besten schaut ihr Euch die Demo an.
Das PlugIn macht Gebrauch von CSS3-Styles, funktioniert aber auch auf dem Internet Explorer 7/8 ganz vernünftig.
Wer viele Bilder auf seiner Seite hat und bisher klassische Lightbox-Scripts genutzt hat sollte sich popeye definitiv einmal anschauen – es ist eine wirklich edle Variante des Themas.
Das PlugIn steht unter der GPL v2.




Ich sehe auf der Demoseite nur Texte?! (FF, Safari)
Komisch, selbst bei deaktiviertem JavaScript müsste man Bilder sehen (habs gerade extra mal mit deaktiviertem JavaScript getestet).
Fehler gefunden. Mein GlimmerBlocker blockt das Google Analytics .js File, was dann zu einem Fehler in der site.js führt.
Abgesehen davon sieht es verdammt schick aus.
[...] Dieser Eintrag wurde auf Twitter von Christian Land erwähnt. Christian Land sagte: Neuer Artikel: jQuery.popeye 2.0 – Inline Lightbox mit jQuery http://bit.ly/bDXajq [...]