Slimbox WordPress Plugin
1650 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!
[...] js y en los post viejos que no modifiqu
[...] I wonder if anyone feels like my page loads slowly, I need to know cause I want to add this: Slimbox WordPress Plugin I think it may add a slowness to my site if I add it, but I want to make sure my blog isn’t [...]
[...] Slimbox didn’t work for me. Havoc! [...]
Great plugin! Thx.
[...] current plugins that integrate Slimbox (that I know of – this one, for example) actually require the editor to add the rel=”lightbox” attribute. But since the [...]
[...] solange es nicht ohne weiteres möglich/ vorgesehen ist, Effekte durch Skripts wie Lightbox/ Slimbox, Highslide oder den guten JW Image Rotator aufzusetzen, arbeite ich weiter mit NextGen Gallery. Was [...]
[...] to your WordPress-blog. These thumbnails are clickable and open as enlarged pictures in a Slimbox-popup that also includes the original link to the file at ipernity.com. You may see how it works [...]
[...] We awoke to a thin covering of snow – which seemed like a good opportunity to test the SlimBox plug-in [...]
I like it!! Thank you!
[...] Kun 7kb. Bruker du Lightbox 2, så kan du bare bytte ut innstikket med denne. Alt vil fungere som normalt. Også denne er kun til bilder. Demo/Last ned/Les mer [...]
Thud:
I’ve been playing with WP2.5, and found your plug-in. It is really a great little add-on… After playing with media.php and page-template.php in WP2.5, I can now use the image uploader built into 2.5 and a “gallery2″ shortcode and everything gets displayed with slimbox. The one thing I’d love to see now is a way of adding the EXIF decoding functions from WP2.5 into the slimbox display… Is there a way of passing a string to slimbox and getting it to display below the image? I’d also love to have the ability to put in a button for a link to the full resolution image for downloads…
Hiya,
I like ur slimbox , mootools is a cool JS kit , bit i cant resize my photos unlike the old lightbox.does ur slimbox auto-resize photos?
Cheers!
Aeshan
Ash:
Hi. I have a bug report: This script messes up if the image is bigger than the screen. I tried to fix it with CSS, but it doesn’t work.
Curt:
Yes, there is a bug in this plugin under IE6. It is an object name problem.
The black background loads and the first white space is painted. Then it halts. Clicking on the black background closes the page.
Clicking a second time, the background loads with the horizontal white space painted. Then it halts. Clicking on the backgrouns closes the page.
Clicking on the image a third time, the whole lighbox loads including the image, but with no close button.
It appears that something, perhaps, in the RETURN value that controls the loop for painting is generating an error under IE6.
There are at least three other people here having the same problem.
Thanks
[...] Slimbox Plugin [...]
It’s a good plugin!!
[...] Slimbox Plugin 画像をSlimboxで見せてくれるプラグイン。lightboxよりなめらか。 [...]
[...] Slimbox Plugin Das Ding sorgt dafür, das Fotos und Bilder, die per Klick in einer vergrößerten Ansicht gezeigt werden sollen, in einer eigenen, integrierten Box erscheinen. Nett anzuschauende Kosmetik. [...]
glicth:
Hello,
I’ve been using WP 2.5 and noticed a bit of a lag for the javascript to execute, not only that but the transition from clicking the thumbnail to the full image size there’s a long lag. I’m not sure what the issue would be. In my particular case, I’ve used .png and the file sizes range from 2.4kb to 200kb. On all of them, there is a lag. So not sure what the issue would be. Any advice would be helpful.
[...] Kurz mal WP 2.5 RC2 angetestet. Besonderer Leckerbissen scheint mir eine leicht handhabbare Gallery-Funktion. Das Design weiter sehr vereinfacht. Cool. Bis die finale Version kommt, bleiben wir aber noch auf 2.3 und brauchen mal das nette Slimbox-Plugin. [...]
socket:
Ciao, a me non funzia…Allora, io uso MAMP PRO e WORDPRESS, lavorando in locale. Funziona tutto perfettamente, meno il tuo plugin…Ho aggiunto l’immagine e:
Ma nulla di nula. Il plugin
[...] 试用了三个WordPress plugin：slimbox、highslide、lightview，最终选择了highslide。 [...]
Very nice, thanks for the work!
But, as I want to use this for a customer website, is it possible to work with this plugin without having to edit HTML? I mean, just like setting a checkbox ta activate slimbox for a certain image or something… that would be really cool!
[...] Slimbox Plugin 1.0 [...]
Mimi:
Thank you, thank you, thank you!
Your other plugin, Lightbox 2, didn’t work for me, but this one sure did.
The problem I had with a lot of the other lightbox plugins was that the shadow overlay would cover only the first screen (in Internet Explorer).
Thanks again!
I tried this plugin on Firefox 3 (Beta 5) and it doesn’t display well, the picture displays beneath the post text.
Hope the plugin will work in final FF 3, but you might look at it.
Matej
staj:
hi Matej firefox 3 ( beta 5 ) no problem
[...] sitten lataamani WordPressin kuvagallerialisäosan. Lisäosan nimi on Slimbox ja se on ladattavissa täältä. Tässä vaiheessa voisin sanoa, että lisäosa on osoittautunut jo käyttöönottovaiheen jälkeen [...]
True, it was actually my blog’s CSS fault… (worked in FF 2 though) I’ve fixed it for FF3.
Matej
Nkieto:
There is a new Slimbox version, 1.5b with mootools 1.11 and 1.6 with mootols 1.2beta.
Are you going to update WP plugin? I have update it and works OK!
Ok tomorrow i’ll update it, tnx!
[...] down the loading of a page ? Something I’ll need to keep an eye on. Now if only I could get Slimbox to behave itself as advertised. Share this post: Share this post with the [...]
I have done myself the exact same plugin today for a blog, if i had seen this before it would have spared me a while of work.
[...] för Lightbox, Slimbox, Smoothbox [...]
Can you program this plugin to automatically resize images to fit the screen? Similar to the “Shutter Reloaded” plugin I am using on my website now? I like the effects of yours, but i really must have it dynamically reduce image size if the window is too small. See how shutter reloaded functions on http://www.prestonpalmer.net
Hello there!
I made a small change to your plugin; where it reads:
return preg_replace(‘//i’, ‘‘, $content);
I removed the ” from the regular expression, making:
return preg_replace(‘//i’, ‘‘, $content);
This is because wordpress inserts (sometimes? always?) ‘ instead of ” on the a href tags. So, I had some images that weren’t detected by your plugin…
Thanks
[...] You’ll need the Slimbox WordPress Plugin. [...]
thanks very much! works flawlessly!
feafeaz:
dazdza
image galery ideal plugin nice work thank 4mj.it
[...] benutze im Blog ein Lightbox-Plugin namens Slimbox. Slimbox sorgt dafür, dass ich in einem Artikel ein Bild so einfügen kann, dass bei einem Klick [...]
Marcus:
Thanks alot for that plugin, works just like a charm!
i cannot get this nor lightbox work on my wordpress blog can you help me out with that
[...] release also makes use of Keith Salomon’s Configurable Tag Cloud and Giuseppe Argento’s Slimbox plugins. The second is perfect with WordPress’ new gallery feature (after the small [...]
[...] habe ich eine umfassende englischsprachige Theme-Sammlung auf dem Blog von WpThemesFree entdeckt und habe mich dort umgeschaut. Bei diesen Themes handelt es sich um Free-Themes, also frei [...]
[...] Slimbox Plugin – Used to overlay images on the current page. This plugin includes the new Slimbox 1.52 javascript written by Christophe Beils. [...]
[...] Slimbox Plugin 1.0 [...]
[...] Slimbox Plugin漂亮的图片浏览插件 [...]
Hi man,
These two pluigins are awesome!
I was using Lighbox JS until today, but I’ve been receiving so many hits that I had to get it down. But I resisted to do it without a decent “replacement” and what an amazing news that you had a “flavor” with mootools. Damn it is slim!
I would definitely buy you the cup of coffee, but due currency exchange restrictions of my beloved government of shit, I can’t get even a simple paypal account to donate not a single beer.
Dude, If there is something I can help you with (testing, maybe?), just let me know.
AR
CaptainBlue:
Is Slimbox compatible with WordPress 2.5?