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!
Henk:
Hey,
I was wondering if it is possible to make the plugin automatically add rel=”lightbox” to image links? That would make it even easier to use! Thanks for the great plugin!
Yes, in slimbox.php remove the /* from the function slimbox_create(line 19) and the // from the add_filter(line 24) 
[...] Slimbox WordPress Plugin » 4MJ – Internet News [lightbox, plugin, slimbox , wordpress] [...]
[...] Slimbox – WordPress plugin used to overlay images on the current page into neat Javascript-powered overlay popups, 100% compatible with Lightbox v2.0 [...]
[...] Slimbox Plugin 做相册特效的 [...]
[...] WP官方下载页面 | 插件作者下载页面 [...]
[...] Slimbox WordPress plugin sieht folgendermaßen [...]
[...] TinyMCE Comments vertrug sich nicht mit dem Lightbox-Plugin. Statt Lightbox habe ich jetzt Slimbox im Einsatz, welches funktioniert und weniger bloated [...]
Chris:
>> Yes, in slimbox.php remove the /* from the function slimbox_create(line 19) and the // from the add_filter(line 24)
Is there a way to separate the images to each post when using automatically add rel=”lightbox” to image links?
Like rel=”$post_id”.
[...] habe das feine Slimbox integriert, nun kann man sich grössere Versionen von Bildern angucken wenn man auf sie [...]
I’m sorry, I must be doing something wrong but I can’t get this plug-in to work on my site.
I am using WP 2.3
Can you help me??
Christina
Darren:
I am struggling with this in WordPress 2.3, keep getting:
Warning: file(C:\xampp\htdocs\blog/wp-content/plugins/slimbox.php) [function.file]: failed to open stream: Permission denied in C:\xampp\htdocs\blog\wp-admin\includes\plugin.php on line 4
Warning: implode() [function.implode]: Bad arguments. in C:\xampp\htdocs\blog\wp-admin\includes\plugin.php on line 4
before I’ve even activated it…
Great plugin, question: is the frame included in the script? I don’t seem to have that showing on my images. Do I need to add any ref to the header like with Lightbox??
[...] het is terwijl ook een goeie gelegenheid om mijn lightbox-plugin te testen. Gewoon op een van de beeldjes hierboven klikken, de rest gebeurt [...]
[...] for instance this very website… Since I managed to get SlimBox working (the way the pictures are presented now, with the overlay), the counters of the albums [...]
[...] post in honor of the noisy bar I live above, and new wordpress plugins (PodPress and Slimbox). Today is like [...]
[...] Slimbox Plugin [给图片添加效果] [...]
Hi, how would I make part of the caption a link? Great plugin – thanks!
[...] Slimbox with Mootools for WP – Deactivated as a plugin and just pulling files from the plugin directory – it’s a long story. [...]
this is an awesome plugin, because
a) it’s slim
b) it uses mootools, which is perfect for me.
however,
it does not work very well in ie6 for me. image and box appear but they are always at the top of the page (the top where the printer starts printing) disregarding whether the user has scrolled down. So, if you scroll the page by “one screen”, then no overlay is shown. if you scroll up, you find it hanging at top.
Seems a bit strange, but i have found no solution yet, do you?
[...] LIGHTBOX → Slimbox WordPress Plugin [...]
[...] primero, un plugin para imágenes: Slimbox, un plugin para mostrar visualmente el popular efecto del script Lightbox . Un [...]
I can’t get this working with the latest install of wordpress – anyone else having this issue. I’ve followed the instructions and nothing happens except the link to the image titled thumbnail1
any thoughts?
Hello there 
I have installed your plugin but I don’t understand why I used your example structure:
thumbnail1
But the plugin doesn’t work 
Of course I have it activated, do you know where that could come from ?
I am on WP 2.3.1 and Firefox 2.0.0.9
Cheers
Cotp
[...] Wasn’t too happy about it, and exchanged it for the slimbox: http://www.4mj.it/slimbox-wordpress-plugin [...]
[...] There’s a nifty plug-in to bring a nice touch to a small photo-album page: the Slimbox WordPress plug-in. [...]
[...] la página..Operación abortada"). Solución: desactivar y eliminar el plugin Slimbox, y utilizar en su lugar el plugin Lightbox2, al menos hasta que solucionen los [...]
Neil:
Quick question: Is there any way to configure this plugin to only load when a specific WP category is called. I would like to keep my other pages (those without images) running quicker by not adding the script for this plugin… Please let me know if this is possible.
[...] Slimbox Plugin It is a substitute of the popular Lightbox 2 WordPress Plugin and designed to be small, efficient, more convenient and 100% compatible. I used it in this blog to display my images. It is cool. You do not need to go to another page to see your large images, which can be presented in the current page. You can even group the images as album and browse them in the Slimbox. Click on the image below for an example. [...]
I am having problems on one site: http://www.janey-model.com/portfolio/
The lightbox seemed to work perfectly but after deleting some images and then running the lightbox again, the deleted images (still on the server, but removed from the page) are still loading like there is some sort of cache.
How can I clear it so it only loads the images I have showing?
OK, I even deleted two images from the uploads folder on the server, reloaded the page and the two images are still showing up!
I tried changing the link from lightbox[portfolio] to lightbox[portfolio071125] and still no change!
My mistake! I deleted the thumbnails and thought I’d deleted the links to the images, but I hadn’t – oops!
It would be good if the slimbox resized images to suit the browser window size ~:0)
[...] Slimbox Plugin used to overlay images on the current page into neat Javascript-powered overlay popups. I used it [...]
I really liked your plugin, but after upgrading to WordPress 2.31 it doesn’t seem to work anymore. Did you experience similar issues? Any idea how to fix it?
I am running WP 2.3.1 and Slimbox and it’s working fine: the only time it’s stopped working was when the Google Ads. had not fully loaded and therefore not all scripts had fully loaded, including slimbox (it looks like the page load had timed out).
[...] also the new Slimbox WordPress Plugin, a 7kb clone of the popular Lightbox [...]
I installed the Slimbox plugin and everything is fine except the Close button is not showing up. Thoughts?
[...] el que le interese os dejo el link de este plugin: lightbox para WP aunque si buscais hay una gran variedad de [...]
niko:
class=”imagelink” title=”collines.jpg” href=”http://journalnumerique.ovh.org/WordPress/wp-content/collines.jpg” rel=””lightbox””>
I wonder if it might be that you should be using rel=”lightbox” and not rel=”"lightbox”"?
[...] be combined with plugins like slimbox … so clicking a thumbnail will open a ‘lightbox-type’ [...]
[...] mit lightbox [...]
[...] a search and a couple of failed attempts I came across this Slimbox plug-in. To see how it works click the image [...]
Mike:
This plug-in works great but it causes a conflict with other plug-ins that I wish to use for slideshows – monoslideshow and NextGen are two examples. Can I overcome this problem?
hi,
thanks for the plugin. I installed it on my blog, and it doesn’t work…The cool “js effect” doesn’t appear…it just load my images as an usual image. Do you know where it could come from ?
thanks, again !
Peppe:
I think there is a problem with your template.