Webdesign1 posts · 2548 views · 1 participants
Lightbox Alternative
- #1Als einfachere und schnellere Alternative habe ich gerade beim Stöbern "Slimbox" gefunden. Der Code ist schmaler, aufgeräumter und valide. Auch wird das Javascript schneller geladen.
* Slimbox is ready to launch as soon as the document is ready. This means that you don’t have to wait for all images of the page to be loaded before clicking on a link launching the Lightbox effect.
* The left and right arrow keys can be used to navigate through images, and the ESC key can be used to close Slimbox (Warning: in Mozilla browsers, the ESC key is also used to stop GIF images from animating).
* The dark background overlay can be clicked anywhere to close Slimbox, even on the parts located on the left and right of the image.
* The script is more robust; for example you can try to start-stop Slimbox very quickly to interrupt the animation then resume it and you won’t notice any bug like in the original Lightbox where sometimes the animation stops or the captions are wrongly sized.
* Slimbox temporary hides flash animations and other embedded videos while it is open to avoid display bugs in some browsers.
* Slimbox can be launched from the traditional image links inside the page like the original Lightbox, but also directly from a Javascript call using a special method.
From a design point of view, Slimbox is very different from Lightbox:
* The code has been entirely rewritten with efficiency in mind for the mootools framework instead of the huge Prototype/Scriptaculous. The script itself is as tiny as 7kb (uncompressed).
* The Slimbox CSS are simpler and 100% valid (no more CSS hacks). Also, all images used by Slimbox are specified in the CSS instead of the Javascript so it is easier to style.
* Slimbox does not use the 1 pixel transparent gif image needed by Lightbox.
Slimbox DownloadKann man so stehen lassen.
Log in to join the conversation.