Slimbox WordPress Plugin
1655 giorni faWordPress plugin used to overlay images on the current page into neat Javascript-powered overlay popups.
This plugin includes the new Slimbox 1.64 javascript written by Christophe Beils and got transformed into a WordPress Plugin by me. Slimbox is a 7kb visual clone of the popular Lightbox JS v2.0 by Lokesh Dhakar, written using the ultra compact mootools framework. It was designed to be small, efficient, more convenient and 100% compatible with the original Lightbox v2.
Because Slimbox was designed to be 100% compatible with Lightbox, you can just replace the Lightbox 2 WordPress Plugin whit Slimbox Plugin and your Lightbox effects will work just as well as before.
Use the title attribute if you want to show a caption. Click on the images below for an example.
Installation
- Upload slimbox-plugin folder to the /wp-content/plugins/ directory.
- Activate the plugin through the ‘Plugins’ menu in WordPress.
- Add a rel=”lightbox” attribute to any link tag to activate the lightbox, or rel=”lightbox[roadtrip]“ for image set.
- Optional: Use the
titleattribute if you want to show a caption. - If you want to add automatically the lightbox effect to your post’s images, open lighbox.php and remove the comment ‘//’ from lines 21 to 24.
Single example:
<a href=”img1.jpg” rel=”lightbox” title=”my caption”>thumbnail1</a>
Image set example:
<a href=”img1.jpg” rel=”lightbox[roadtrip]“>thumbnail1</a>
<a href=”img2.jpg” rel=”lightbox[roadtrip]“>thumbnail2</a>
<a href=”img3.jpg” rel=”lightbox[roadtrip]“>thumbnail3</a>
Tnx to my sister for the photos! Link me in your site!
Changelog
Version 1.3 (22-08-2008)
Update Slimbox to version 1.64
- v1.64
- Fixed a bug where in some cases, Flash animations inserted using SWFObject would not show properly after Slimbox closes.s.
- v1.63, requires mootools >= 1.2.
- Updated code for mootools 1.2.
- Slimbox is now fully compatible with Opera 9.5 and quirks mode web pages!
Version 1.2 (09-06-2008)
Update Slimbox to version 1.52
- v1.52 (2008-06-08)
- Added the “loop†option to allow navigation between the first and last images of a Slimbox gallery, when there is more than one image to display.
- Fixed a bug which allowed to change the image while Slimbox was closing.
- API: The Slimbox elements functions now return “this†to allow chaining.
- Small optimizations.
- v1.51 (2008-05-30)
- Fixed an error which occurred when Slimbox was used in combination with SWFObject in Firefox. Also fixes a memory leak in Internet Explorer.
- v1.5 (2008-05-23)
- Most of the code has been rewritten with a new approach. It s now much smaller! (4kb)
- Added the “overlayOpacity†option to specify the level of opacity of the overlay.
- Added the “counterText†option to specify a custom or localized counter text.
- Slimbox does not take up any space at the bottom of the page any more in some browsers.
- Now Slimbox does not wait for the caption animation to complete before enabling navigation. So you can navigate faster between images.
- Keyboard events are now captured when Slimbox is open to prevent page scrolls when using the arrow keys to navigate.
- You can now have two times the same image in an images set.
- The CSS file now includes Z-index definitions that are required if your web page design relies on elements with Z-index.
- The provided GIF images are now smaller.
- API: Slimbox now extends the Element and Elements classes. You can now associate a Slimbox gallery to any group of link elements using $$(elements).slimbox([options]).
- API: You can now specify different options for each group of link elements where you applied the slimbox([options]) function.
- API: When you call slimbox() on elements, you can now specify an optional filter function and an optional mapper function for maximum flexibility (see documentation).
- The Lightbox compatibility code is now fully optional. It s implemented in a few lines using the new API and a filter function.
- API: The main entry point has been renamed from “Lightbox†to “Slimboxâ€
- API: Lightbox.show() and Lightbox.open() have been merged into Slimbox.open()
- The Slimbox distribution now includes mootools, an example page and a Readme file.
Version 1.0 (29-07-2007)
First version.
Download Slimbox WordPress Plugin
If you appreciated this plugin or my support, donate me so i can buy a cup of coffee, tnx u!
gallery:
Thanks for the plugin and also thanks for Andy for gallery-upgrade!
Ciao , grazie mille per il plugin è molto bello e lo cercavo da tempo.
Il problema nel tema che uso io è che mi va in conflitto con lo slider che c’è in homepage, quindi non mi carica + quello…sapresti dirmi se devo modificare qlc file ?
daniela:
Hi, I try to use your fantastic plugin for a small customer – thank you so far!
The automatic overlay works fine with single pics in a post.
But I have a problem with the standard gallery. If I insert several pics into a post as a gallery – how can I use the overlay effect here?
Thank you for any help! For the relevant example look at http://www.gfjk-training.at/mentor – no overlay (the html in the dashboard is [gallery="file"].
Thank you Daniela!
i have the same issue as daniela, any idea how to solved ?
user the rel=”lightbox[mygallery]“ where mygallery is your gallery, add to all images the same gallery name, bye
[...] Slimbox WP Plugin [...]
THANKS a lot for the plugin! I`ve used it on my furniture blog! Keep working!
Hi I’m using this plugin on my blog but it is not working.
You can view a page that should work at:
http://www.chrisyounger.co.uk/2010/08/blog-art-1-an-apology/
I’m using WordPress version 3.0.1
Is the plug in compatible with this version or is it possibly my theme which is the problem?
Because Slimbox was designed to be 100% compatible with Lightbox, you can just replace the Lightbox 2 WordPress Plugin whit Slimbox Plugin and your Lightbox effects will work just as well as before.
Hi.. Great work on this plugin.. I’m having a problem though.. I’m using it in combination with Add Lightbox and title (by ppalli).. It’s working fine but as soon as I activated your plugin, my drop down menu in my theme stopped working.. If you visit it right now, you will see that there are drop down menus from the main nav bar.. http://www.dglm.smoothspider.com.. But they disappear when your plugin is active 
I’d really love to use your plugin.. Any suggestions will be great. Thanks!
Sue Hutton:
Hello. V. useful plugin. However, it doesn’t work on my client installation after activation and adding the rel=”lightbox” to an image link. You also say that commenting out lines 24-29 of lighbox.php will automate lightbox effects. There is no lighbox.php in the plugin folder and no lines 24-29 in slimbox.php. I can’t send you a link to the site because it’s running on MAMP on my Mac. Any help would be much appreciated and if it works, you’ll get your cup of coffee! Thanks. Sue
[...] och tar en ganska bra tid på sig att ladda. Så jag försökte hitta ett alternativ, och fann “slimbox”, som utlovar drastiskt snabbare laddningstider. Efter att ha installerat den och kört några [...]
>If you want to add automatically the lightbox effect to your post’s images, open lighbox.php and remove the comment ‘//’ from lines 21 to 24.<
Hi!
1. There is not file lighbox.php in the slimbox-plugin folder
2. If I use such construction: , then at main page I see big thumb (not litle) and if I click on picture open a strange page: http://site.com/”http://site.com/images/picture1.jpg”
I sow that my construction was not appear. I try again: <a href=”http://site.com/images/picture1.jpg” rel=”lightbox“><img src=”images/picture1.jpg”></a>
But now I have one more question. I see only big picture in a post and I want as your examples: when click on little picture there open page with big picture.
[...] Version 1.3 | By Peppe Argento | Visit plugin site [...]
Works totally fine, using it on two of my blogs, so thanks alot. It’s one of the few plugins I wouldn’t want to miss any more.
[...] es, como ya comenté, satorii. En el home uso Portfolio Slideshow apenas tocadito, el pop-up es de Slimbox (historia aparte lo que me costó encontrar uno que funcionara en este theme…) y los iconitos en [...]
eZula:
Is it possible to get a max width or max height?
thx.
How do achieve a shadow effect on the small picture?
Thanks for the plugin and also thanks for Andy for gallery-upgrade!
Ciao , grazie mille per il plugin è molto bello e lo cercavo da tempo.
Il problema nel tema che uso io è che mi va in conflitto con lo slider che c’è in homepage, quindi non mi carica + quello…sapresti dirmi se devo modificare qlc file ?
Thanks this a great plugin…it looks like it is working as advertised
[...] Hi, For me, I like (in no particular order): MapPress: MapPress Slimbox (Lightbox Image Plugin): Slimbox WordPress Plugin Contact Form 7: Contact Form 7: Just another contact form plugin for WordPress. Simple but [...]
Hi,
Seems to work fine, except for the automatic modification. I removed lines 19-22 in slimbox.php, but I still have to put the “lightbox” tag into each individual image. Does the automatic modification work only with future posts or already published posts? Thanks for a great plugin!
An excellent plugin and one of used on all of my blogs.
[...] Hi, I've used the Slimbox image plugin for WordPress before: Slimbox WordPress Plugin It creates that lovely self sizing image which expands as you click on it to overlay the image in [...]
[...] – See also the new Slimbox WordPress Plugin, a 7kb clone of the popular Lightbox [...]
[...] Slimbox Plugin 1.0 [...]
It works great in Chrome and Firefox. However in IE9 the images just open to a bland white page. Any ideas?
Experienced the same issue on IE9. Works fine on Safari, Chrome & Firefox.
[...] http://www.4mj.it/slimbox-wordpress-plugin/ [...]
[...] Slimbox Verschönert die Bildansicht von Galerien, wird aber nur auf wenigen Seiten genutzt. [...]
[...] http://www.4mj.it/slimbox-wordpress-plugin/ [...]
Do you need a book printer for your short run books.
[...] Slimbox [...]
Get the latest chic furniture.
Nice app, although i’ve only really tested it in chrome, will test in IE etc before I go live with it.
[...] Slimbox WP Plugin [...]
[...] Slimbox Plugin (ver1.3) [...]