Lightbox Wordpress Plugin

May 16th, 2006 by huphtur under archive, hacks, plugin, wordpress

This is not so much a plugin, but an upgrade to an existing WordPress plugin called: IImage Browser, by far the best image plugin out there. It lets you create thumbnails (in any size you want), which makes it an awesome partner for Lightbox JS. So if you follow these instructions correctly, you will be able to automatically create sweet image pop-ups, such as this one:

Incase Slip Cover

Installation

  1. Install Lightbox JS.
    Make sure it is installed correctly. This can be a bit of a biatch, so do a few test posts first.
  2. Install IImage Browser plugin.
    This one is a lot easier to install but make sure to check if your server setup can handle the thumbnail creation. Test by uploading some images and create thumbnails.
  3. Download and unzip Lightbox IImage Upgrade.
    But only if the above are working correctly! Upload the new iimage-browser.php to your wp-admin directory and overwrite the old file.

Usage

  1. Upload an image with IImage Browser, do not use WP built in uploader.
  2. Create a thumbnail of the image with IImage Browser.
  3. Click on the thumbnail, select: “Lightbox JS”.
  4. Add a description, this will become the caption of the image.
  5. If you want this image to be part of a set, add the setname to the rel="lightbox" attribute (see Lightbox JS for more info).
  6. Hit “Get the code” and “Add it to the post!”, done!

And that’s all there’s to it. Please don’t ask me about Lightbox JS and IImage Browser support, I didn’t write those. Infact, maybe it’s better if you don’t ask any questions about this upgrade either, I’m not much of a coder, I just hacked some shit together.

13 Responses to “Lightbox Wordpress Plugin”

  1. nic Says:

    l33t hax0r5 un1t3!

    ever check out thickbox?

  2. Crza Says:

    The script and hack are so good. The only thing I had to do (and I think you have to do it for the IImage Browser 1.5 php) is make sure that the iimage-browser.php points to your writable directory for dumping images. Again I’m a bit of a hack so all you nerds might know this. The area in question is this: “$ib_settings['real_path'] = ‘./../wp-content/yourdirectory’;” and “$ib_settings['real_url'] = ‘/wp-content/yourdirectory’;”. You have to add the “yourdirectory” part.

    At first it didn’t work for me but when I added my directory to the code it worked oh so awesome.

  3. fabian Says:

    just add the base url if you are using non-std. URL

    /js/prototype.js”>
    /js/scriptaculous.js?load=effects”>
    /js/lightbox.js”>
    ” type=”text/css” media=”screen” />

  4. c00ler Says:

    You mean you didn’t already edit your old iimage browser plugin, like 3 months ago, to include an option for lightbox enabled images? God, it was so simple too.

  5. Crza Says:

    So Web 1.925, right. There’s a new script that enables the user to get a handjob. That’s the new shit, I’m talking Web 3.725.

  6. c00ler Says:

    It’s all about the ultimate user experience!

  7. toolvicarious Says:

    Are you still working on this plugin?
    I get this error when I activate it :(
    I am running Wordpress 1.5.1.2
    What am I doing wrong?
    Help me please!

  8. huphtur Says:

    toolvicarious: Time to upgrade buddy! Tons of security bugs in old WP versions.

  9. lil wyte Says:

    Hello!

    I installed Wordpress on my server, and set up a site. It’s a relly nice piece of software. However, I am missing a piece of functionality, and

    couldn’t find a suitable answer for it. Mayou you know a plugin I could use?I need to automatically inserts ads in my posts.And not AdSense ads, but rather HTML snippets defined by me (affiliate links, etc). Let’s say I would insert a tag in my post:
    – ad here –
    and the plugin would automatically replace it with some HTML code, when the post is displayed on my site.I really don’t need any fancy configuration options etc, just the basic replace functionality.
    Do you know a plugin that can handle this?

  10. huphtur Says:

    Wyte: Try the Wordpres Plugin Database.

  11. Zander Says:

    What I want to do on my blog, is every few hours take the oldest post and move it to the
    front of the queue, all automatically. Anyone know if there is a plugin that can do this or
    a simple way to set up another plugin to do this (use my own feed perhaps)?
    Thanks.

  12. huphtur Says:

    Zander: Ask in WP Support

  13. dharana Says:

    I have coded an automatic way of using lightbox so using the IImage Browser plugin will no longer be necesary to make it work:

    http://dharana.net/wordpress-22-lightbox-2-automatic-rel-attribute/

    Regards

Leave a Reply

The Hot Crew is proudly powered by WordPress
Entries (RSS) and Comments (RSS).