gavin on life header image 3

Litebox plugin for WordPress

Litebox is a modified version of Lightbox v2.0 created with one thing in mind, size reduction. Litebox utilizes the 3kb javascript library moo.fx in association with prototype.lite giving a much smaller footprint. This Litebox plugin for WordPress allows you to display both single images and galleries in your posts. This plugin is based on Litebox v1.0 code and includes the javascript, css and images to get you going easily.

If you do use the plugin – why not post a quick message on your blog to say so. So far (21st Feb) over 300 people have downloaded it, but I haven’t had that many comments or pingbacks!

Download Litebox Plugin for WordPress v1.0 here

IMAGE SET EXAMPLE

SINGLE IMAGE EXAMPLE

The following is a quick example of how to edit your posted images to be displayed in Litebox – full instructions are in the readme.txt included in the download.

<a href="full-1.jpg" rel="lightbox[example]" title="Caption Here to be displayed under image"><img src="thumb-1.jpg" width="50" height="50" alt="Alt text" /></a>

46 Comments

46 responses so far ↓

  • 1 Leion // Feb 17, 2007 at 5:19 am

    Can I use pictures hosted in other domains with litebox? Can I embedded html into litebox?

  • 2 Weblog Tools Collection » Blog Archive » WordPress Plugin Releases for 2/17 // Feb 17, 2007 at 6:03 am

    [...] Litebox Plugin incorporates Litebox to display both single images and galleries in your posts. [...]

  • 3 AJ // Feb 17, 2007 at 9:46 am

    Hi.. Is it possible to configure the plugin to close the litebox onclick of the masking div?

  • 4 Vale // Feb 17, 2007 at 11:30 am

    Hi :) I have a strange problem with this plugin.
    It all works in the main page, but if I click on the image in the single post view, I can’t see the loading and close image.
    With Lightbox it was all the opposite =/ I guess it is a directories problem, but I don’t know how to fix it =/

    Cheers!

  • 5 emre // Feb 17, 2007 at 11:45 am

    Can you make the plug-in dynamically add the REL attribute so it can work with previously uploaded images?

  • 6 Gavin // Feb 17, 2007 at 12:32 pm

    @Leion – Yes, you can use images on other domains. I don’t think litebox supports embedded html as standard, but the Thickbox plugin does

    @AJ – litebox allows this if you click below the image

    @emre – it’s an idea, but sometimes you don’t always want the litebox effect and then you would have no way to turn it off

  • 7 Gavin // Feb 17, 2007 at 12:34 pm

    @Vale – Yes it’s a directories problem. You can fix it if you edit lightbox.css and litebox-1.0.js looking for the .gif files. When you find them replace what is there with the full path to the folder that has your images in. So, on your site for the prevlabel.gif it would be…
    http://www.ilvale.net/wordpress/wp-content/plugins/gblitebox/images/prevlabel.gif

  • 8 Vale // Feb 17, 2007 at 3:02 pm

    Thanks a lot, it’s working now ;)

  • 9 emre // Feb 17, 2007 at 5:20 pm

    That’s a great point, so maybe you could make it possible to opt-out as well as opt-in (i.e., make litebox images the default).

  • 10 WeblogToolsCollection DE » Blog Archive » WordPress Plugin Releases am 17.2. // Feb 19, 2007 at 6:59 am

    [...] Litebox Plugin integriert Litebox um einzelne Bilder und Gallerien in den Beiträgen anzuzeigen. [...]

  • 11 Andy Polaine // Feb 19, 2007 at 12:43 pm

    Thanks for the plug-in. The bloated Lightbox original was really irritating me.

  • 12 WordPress Litebox Plugin… at bavatuesdays // Feb 20, 2007 at 6:45 am

    [...] you’ve drooled over those cool ajax fueled imaged overlays, then this Lite’s for [...]

  • 13 Lissette // Feb 27, 2007 at 10:19 pm

    Nevermind. Whatever I did wrong I fixed and now it’s perfect!

  • 14 denitu // Feb 27, 2007 at 11:15 pm

    Scratch my previous comment. There seems to be a conflict with the WordPress theme I have chosen and this plugin – swapping over to some of the other themes included with the WordPress install and the Litebox plugin works ok. Looks like I need to do some more thinking to get this Litebox plugin to working with my chosen theme!

  • 15 Frank 'viperteq' Young // Mar 6, 2007 at 7:50 am

    Hey, thanks for coding this up. I definitely appreciate this……

  • 16 Litebox Plugin para Wordpress // Mar 7, 2007 at 11:29 pm

    [...] Y de nuevo alguien monta el plugin para WordPress. Desde GavinBarker podéis descarga el Litebox plugin para WordPress. [...]

  • 17 Tom // Mar 10, 2007 at 8:09 pm

    Thank you very much for your plugin I appreciate it a lot.
    I have just one request:
    Would it be possible to have automatic size reduction so that the pictures fit to the screen if there are too big ? I know I could resize the pictures myself, but it would be helpfull for all the other authors using my Blog.

  • 18 Habilitar Cursores en Litebox Plugin para Wordpress // Mar 16, 2007 at 11:09 am

    [...] la semana pasada que potaje.net había cambiado el fantástico plugin Lightbox 2 por el ultraligero Litebox (36 [...]

  • 19 WordPress Plugins for March 15, 2007 « designcreatology // Mar 16, 2007 at 6:51 pm

    [...] Plugins for March 15, 2007 Litebox Plugin incorporates Litebox to display both single images and galleries in your [...]

  • 20 potaje.net // Mar 16, 2007 at 8:21 pm

    I’ve modified litebox-1.0.js to accept left and right cursor keys. Would be nice to add it in future versions.

  • 21 Felipe // Mar 20, 2007 at 3:37 am

    Hello

    I solved a problem with my 3kc template.

    When you open a image in the main page it shows ok but when you open a imagen in a post
    the loading image stills showing, the problem is caused by the tag #loading in the file lightbox.css.

    So, to fix it you need to repace the next lines:

    in lightbox.css file at line 25 #loading by #loading_lbox
    in litebox-1.0.js file at line 177 objLoading.setAttribute(‘id’,’loading’); by objLoading.setAttribute(‘id’,’loading_lbox’);
    in litebox-1.0.js file at line 294 Element.show(‘loading’); by Element.show(‘loading_lbox’);
    in litebox-1.0.js file at line 349 Element.hide(‘loading’); by Element.hide(‘loading_lbox’);

    And the images shows very nice :)

  • 22 DJosephDesign.com // Apr 1, 2007 at 5:06 am

    It’s not working at all for me. First, I suspected the .htaccess file in the plugins folder (seems to block access by default). But even have disabling that, Litebox still doesn’t work; it just loads the actual JPEG in the window.

    This is a post with the problem.

  • 23 The Official Blog for Designcreatology.com » Blog Archive » WordPress Plugins for March 16, 2007 // Apr 2, 2007 at 6:25 am

    [...] Litebox Plugin incorporates Litebox to display both single images and galleries in your posts. [...]

  • 24 The Spark Between » Adding a Little Insight to LiteBox with SmartBox // Apr 7, 2007 at 5:36 am

    [...] while after discovering LightBox and getting it installed, I discovered LiteBox, a derivative based on the moo.fx library and prototype.lite. I soon switched over to this, to save [...]

  • 25 Colin M // Apr 7, 2007 at 5:45 am

    Hi Gavin,

    Just wanted to leave you a note to say thanks for your LiteBox plugin! I’ve just recently started using WordPress, but I already find LiteBox quite handy, as well as a nice example for getting into plugin development. I made a few small modifications to the LiteBox code, to integrate a bit better with my Flickr set up, as well as automatically constrain the lightbox size to the browser’s viewable window.

    For the experience of playing with WordPress plugins, I’ve called it SmartBox, and gone through the steps of making it into its own plugin, but
    I don’t want to steal your thunder by any means! Let me know if I should be doing anything more to credit your work in the initial integration, and thanks for providing such a great example to learn from!

    -Colin

  • 26 WP Plugins March 16, 2007 « Blogtology // Apr 8, 2007 at 6:45 pm

    [...] Mar, 2007  Plugins Litebox Plugin incorporates Litebox to display both single images and galleries in your [...]

  • 27 WP Plugins March 17, 2007 « Blogtology // Apr 11, 2007 at 4:20 am

    [...] Litebox Plugin incorporates Litebox to display both single images and galleries in your posts. [...]

  • 28 Nico // Apr 16, 2007 at 3:20 pm

    For some reason the plugin doesn’t write me the necessary javascript and css files in the html head. My copy of litebox resides in wp-content/plugins/gblitebox. Please help!

    -Nico
    FIXED: Was a problem with template rather than plugin

  • 29 SuMu // Jun 23, 2007 at 9:25 am

    thank you, ich will try ist on WP 2.2.1

  • 30 Brent // Jul 5, 2007 at 2:29 am

    I recently installed your plugin and ever since I’ve had a problem where there’s a flicker whenever any page on the site loads. It almost looks as though the entire page is momentarily dimmed as if an image were being displayed. Any idea what might be causing this?

  • 31 Gavin // Jul 5, 2007 at 11:09 am

    @Brent
    I have just taken a look at http://www.dorcascountrystore.com with IE7 and Firefox 2 (on Windows Vista) and don’t see any of the dimming you are talking about. What browser etc are you using?

    It might be worth checking out http://www.huddletogether.com/forum/ to see if there are any answers to your problem – that is the site that the litebox script is from – I just packaged it together into a WordPress plugin.

  • 32 Photo Blog Plugin -- Blog Sahat Tambunan // Jul 10, 2007 at 5:31 pm

    [...] I’ve shared about 2 wordpress plugins I use to support photo blogging before. Well, here’s the update, after using Lightbox for some time, I found it really thirst of resource, and was causing heavy load on my blog. I was truly amazed by its work, but I can’t tolerate the load any longer. So I decide to find another solution. Well, looks like I’m not the only one, and even better, someone else has done the slimming process to Lightbox load and came up with Litebox, a much lighter version of Lightbox. Perfect! So next step is to seek for Litebox plugin for WordPress. Didn’t take much time to find one [...]

  • 33 kocu // Jul 11, 2007 at 6:23 pm

    Hi (^_^) just wanna stop by and say thanx for the plugin. It works great. Got a small problem at first, but finally worked it out.

  • 34 xb // Jul 22, 2007 at 5:01 pm

    I had an issue that came and went regarding the Close Prev Next images not loading… never consistent. I applied the full-paths tweak mentioned above, and the images are now loading, but I’m also noticing now that I get a very quick flicker of that dark-gray-background at the initial load every WP page I load, whether it’s got gblitebox-enabled images on it or not. This happening for anyone else, or is it just me?

    Love-love-love the plugin, btw. :)

  • 35   Hallo Feedleser, mein neues Theme by + mzungu’s weblog + // Aug 14, 2007 at 11:58 pm

    [...] Lightboxen ist inzwischen recht groß, aber nicht alle achten auf schlanken code, wie z.B. die Litebox. Da im myGallery Plugin eine Lightbox integriert ist, beschloss ich diese vorerst zu [...]

  • 36 Nik // Aug 20, 2007 at 12:11 pm

    Great finding your site, I’ve been looking for a nice lightbox app to implement and this looks like the perfect fit.

    We are even using the same theme, so it should only be my own stupidity if it doesn’t work.

    I am really impressed with the photo test archive you have set up. Is this commercial or open source? Either way will carry on watching with baited breath.

    Nik

  • 37 antipatica.org » Blog Archive » Frustrated Bird Photographer // Aug 25, 2007 at 9:44 pm

    [...] yay… I also found the plugin I’ve been searching for for a long [...]

  • 38 Eina // Aug 26, 2007 at 2:13 am

    Ahhh thanks so much Gavin. I should read more, lol. :D

    By the way, this is an awesome plugin. Just thought I’d let you know :3

  • 39 Emanoel Melo // Sep 6, 2007 at 7:05 pm

    I just uploaded, actvated and added the rel=”lightbox”, but it does not work! o.O what can be wrong?
    Do i need to put that codes on the header?

  • 40 Tom // Nov 4, 2007 at 2:26 pm

    Hey!

    I click my image and it just opens like anyother image no lightbox no nothing exactly the code from the readme don’t know whats wrong?

  • 41 Danny Foo // Nov 29, 2007 at 6:12 am

    That happened to me with 4mj.it Lightbox plugin. And after disappointment of not getting any solution, I’m not using the thickbox plugin which works.

    I haven’t tried this lite version though.

  • 42 WordPress Litebox Plugin… — Plugin Test Blog // Feb 11, 2008 at 5:06 pm

    [...] you’ve drooled over those cool ajax-fueled image overlays, then this Lite’s for [...]

  • 43 Doug Smith // Mar 8, 2008 at 5:06 pm

    Hi Gavin,

    Thanks for the plugin, it seems pretty good. I’m using it on the header of my blog to display a random photo. It works in firefox but not so well in ie. In ie the overlays and other things pop up, but once the photo loads the photo is shown full page (not overlayed). And sometimes in firefox the “close x” text isn’t shown. Kind of weird…

    take care!

  • 44 Francisco Espinoza // May 18, 2008 at 11:33 pm

    Hi, i have the problem too, please make a update of the plugins, is the best plugin…

  • 45 Litebox plugin for Wordpress???????? | source colors blog! // Aug 7, 2008 at 11:05 pm

    [...] Litebox plugin for WordPress???????? [...]

  • 46 Litebox plugin for Wordpress???????? | SOURCE COLORS blog! // Nov 22, 2010 at 5:09 am

    [...] Litebox plugin for WordPress???????? [...]

Leave a Comment