Slimbox WordPress Plugin

29 Jul 07

WordPress 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.


test1Roma 2

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 title attribute 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!
caffe

  • Upnews
  • Digg
  • del.icio.us
  • Google Bookmarks
  • PDF
Scritto da Peppe
30 Jul 07 , 10:10 am

Stefano:

Detto fatto, ottimo lavoro e grazie!

3 Aug 07 , 12:14 pm

Gio:

Se aggiungo tutti i credits del caso posso modificarlo e ripubblicarlo?

3 Aug 07 , 5:18 pm

Brewskie:

Is there a way to get this to work with embedded gallery/wordpress?

3 Aug 07 , 5:26 pm

Brewskie:

A great update for this would be a button for the default WYSIWYG and TinyMCE editor to insert images into pages and posts. :-)

3 Aug 07 , 7:46 pm

Peppe:

Yes i’m working on it, tnx!

[...] if you CANNOT live without the lightbox effect, there’s a new Slimbox plugin, which claims to be a 7kb clone of the previous Lightbox plugins. I haven’t tried it [...]

[...] Slimbox. Dieses Plugin macht, dass Ihr z.B. das Kreidebild von Yves nicht in einer neuen Seite angezeigt [...]

7 Aug 07 , 8:19 pm

Livia:

Ciao,

mille grazie per questo plugin.

Mi piace molto, ma mi sembra che non funziona in Firefox e Opera (Win e Mac). Hai un idea perch

8 Aug 07 , 1:42 am

Peppe:

Ciao, in questi giorni ci sono poco e niente, comunque dovrebbe funzionare anche con i browser che dici tu, controlla che javascript sia abilitato. Ciao!

8 Aug 07 , 7:43 am

Livia:

Grazie per la tua risposta. Ho cambiato al Lightbox2 plugin di te e questo funziona perfettamento. Nessun idea perch

8 Aug 07 , 9:01 pm

Fable:

Awesome plugin! Thank you very much for sharing! It’s working a treat on my Fable blog! ;)

Steve

[...] disabling all of my WordPress plugins one by one that I managed to narrow down the offender to the Slimbox WordPress Plugin @ 4MJ. I don’t know why it causes the error – it just does. So if you happen to have the Slimbox [...]

9 Aug 07 , 6:04 pm Plugin Slimbox

[...] j’ai longtemps h

9 Aug 07 , 6:08 pm

Grey Viper:

Hi,

Just thought I’d let you know that this plugin generates a JavaScript error in Internet Explorer 6 and 7 and renders the page unloadable. This is obviously a very serious bug and needs to be addressed. For more info, please read my blog post about this:

Slimbox WordPress Plugin: Internet Explorer cannot open the Internet site, Operation aborted

9 Aug 07 , 9:29 pm

blackwolf_wx:

Works fine in my WordPress 2.2.2 install. Tested and found working in Firefox 2, IE 6 and Opera 9. Found no errors mentioned by previous commenter.

[...] der Gelegenheit habe ich ein weiteres PlugIn in WP installiert: Slimbox WordPress Plugin, eine Abwandlung für WP des bekannten [...]

[...] Visit [...]

16 Aug 07 , 12:38 am

dave:

Please can someone give a full example of how the image link looks with the rel=”lightbox” added.

16 Aug 07 , 8:14 am

JHS:

Didn’t work. No effect. Nothing. As if it weren’t installed.

17 Aug 07 , 2:54 am

Laura:

Slimbox is working well, but I noticed it renders my GeoMashup page useless. Looks like the same thing happens if I use Lightbox2, so I returned to Slimbox — but I’d hate to have to choose between GeoMashup and Slimbox. Any suggestions?

[...] SlimBox [...]

22 Aug 07 , 4:40 pm

brennan:

I have installed the plugin but it seems to put the images in a image set even thought they are in separate posts and I am not using the image set []…
any thoughts on this?

23 Aug 07 , 3:10 am

Tim:

Well, I’ve installed it and I can’t get it to work. Maybe I’m missing something.

27 Aug 07 , 11:57 am

Juergen:

Hey, I have a problem with displaying it in Safari 2.0. The part below the picture is too far left. In Firefox everything is fine. What can it be?

27 Aug 07 , 12:13 pm

DesMM:

ottimo Lightbox era davvero troppo pesante, ed a volte se qualcuno cliccava sull’immagine ed il mattonazzo dei vari JS non erano ancora stati caricati caricava l’immagine come _black ora

27 Aug 07 , 12:23 pm

Juergen:

Sorry, I do not understand a single word… I should learn italian. Was this a reply to my previous post?

[...] Slimbox is a 7kb visual clone of the popular Lightbox JS v2.0 by Lokesh Dhakar, written using the ultra compact mootools framework. [...]

[...] Slimbox is a 7kb visual clone of the popular Lightbox JS v2.0 by Lokesh Dhakar, written using the ultra compact mootools framework. [...]

[...] Amazon Links Pro Wp Link Mentor Multiple Social Bookmarking Plugins Viewer Slimbox Visitor Counter Widget Youtuber Authimage IMDB Movie Information Tag Move Comments Slickr Gallery [...]

[...] Lightbox/Slimbox – For fancy image display [...]

31 Aug 07 , 1:20 am

Jiwon:

It works great in Windows, but animation is quite choppy on Ubuntu/Linux. Does anyone else using Linux have the same problem?

2 Sep 07 , 3:58 pm

spirit:

Hi there! I experienced an issue with this plugin. The image isn’t loaded and my page just display a white rectangle with the modal grey background… I must open three times the image to make it works… any clue ?

2 Sep 07 , 3:59 pm

stadi:

Hi! I tried this plugin, but it doesn’t work for me. In IE7 nothing happens at all, and in Firefox usually I only get a white box. Sometimes I see the picture as well, but without the loading animation and the exit x.

I’m using WP 2.2.2 and the K2 skin. When I enable this plugin, the java search in K2 also stops working. This is the post where i tried the Slimbox plugin: http://blog.stadi.eu/2007/09/02/tejszines-barackos-csirke/

[...] Slimbox WordPress Plugin » 4MJ – Internet News [...]

8 Sep 07 , 7:38 pm Slimbox | Iptima

[...] voulions un effet plus dynamique. Ici, nous avons longtemps h

9 Sep 07 , 8:17 pm

HFC:

Neat plugin, but I can’t seem to get it working. The shaded page overlay loads as well as the loader image but the image never populated. You can see an example here: hedge fund crash

[...] funciona gracias al plugin Slimbox 1.0 para WordPress, que Oscar me ha incitado a instalar y me ha gustado por su facilidad de [...]

[...] Finally found a way to create galleries that displays images the way I want. Using the Slimbox plugin for WordPress and PHP script that opens a directory and outputs the code necessary to make a [...]

15 Sep 07 , 3:48 pm

Lynne:

For those of you experiencing problems it could quite possibly be conflicting with another plugin you have installed.

Slimbox worked perfectly for me until I activated the wp-grins plugin then all I got was a white box loading, no photo. The minute I deactivated wp-grins, it worked again.

17 Sep 07 , 6:47 pm

JKay:

Nice plugin! I loaded it together with NGGallery and works GREAT!!

19 Sep 07 , 10:10 am

Bob:

Hi, great script. Just one question: how to separate several image sets in a single page. As of now, it loads all the image sets in a single show. Wouldn’t be possible to something like that:
thumbnail1
thumbnail2

thumbnail1
thumbnail2

Thx

19 Sep 07 , 10:31 pm

Peppe:

Hi bob, just create 2 (roadtrip1, roadtrip2)

22 Sep 07 , 6:34 am

Steve:

Great plug-in, but I keep getting a java script error… help please….

23 Sep 07 , 1:27 am …pomalutku, pomalutku

[...] upgradem WordPress’a do wersji 2.2, oraz zainstalowaniu niewielkiego plug-in’u o nazwie SlimBox, przez którego tak naprawdę zmuszony byłem upgradować [...]

24 Sep 07 , 4:08 pm

Steve:

Can you answer in english please…

[...] Slimbox 1.0 : This plugin includes the new Slimbox 1.41 javascript written by Christophe Beils and got transformed into a WordPress Plugin by me (the author) . 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. [...]

27 Sep 07 , 1:57 am

Nicolas:

Great plugin! I love the Slimbox, its a great script! Is there any plan to do a Slimbox plugin for Drupal? This would be very interesting.

[...] Slimbox Plugin — creates a sexy display of images. [...]

29 Sep 07 , 2:11 am

Evan:

Great plugin but.. For some reason it only works when one is logged in as wp-admin? I’ve tested on two installations of WP and have reproduced this odd behavior.

1 2 3 4 5 6 7 8 » Mostra tutto

359 commentiLascia un commento

Articoli Correlati
4MJ – Internet News © 2002 - 2010 è basato su piattaforma WordPress
Progetto e Design sono esclusiva proprietà di Giuseppe Argento.
Mappa Sito, Articoli (RSS) e Commenti (RSS) | Contatti