Flexible Lightbox

WordPress has a simple way to handle images on your blogs: you can upload, organize and insert images on your post with just 2 or 3 clicks. The application also creates thumbnails and medium sizes images automatically and allows you to insert them as a simple gallery into your posts and pages.

Integrate into your front-end nice javascript effects like Thickbox, Lightbox, Slimbox , Milkbox, Lightview is a plus, but would be better if you don’t need to touch the html code for it. That’s why the CMS technology exists.

After developing the plugin Wp ThickBox Integration,  I decided to extend this features to “Lightbox” a cool jquery plugin to overlay images on the current page. In this case you can decide in the  admin “images setting panel” if you want to “Open your images using Lightbox”.

Single Image Example



Installation

1. Upload ‘flexible lightbox’ folder to the ‘/wp-content/plugins/’ directory
2. Activate the plugin through the ‘Plugins’ menu in WordPress.
3. And that’s it.

Screenshots

In this case I’m using the native gallery tag “gallery columns=3″ with the default styles.

Download

(The plugin needs to be updated to the last 3.5 version of WordPress)

DO NOT make a Donation:

- If you don’t find this plugin useful,
- If you don’t believe in the Open Source Philosophy,
- If you don’t want to make your day different,

Otherwise, consider to share a small amount  ;)


Thanks!

Posted in: 
Featured, Plugins, Tools

210 Responses to Flexible Lightbox

  1. Dear Alain
    I like your lightbox very much!! Can you please tell me
    how I can change the overlay colour in wordpress 3.3.1
    Thanks at forehand.

  2. Hello. I need to resize the images because they are very large. There are some way?

    • I fixed temporarily, changing the file “jquery.lightbox-0.5.css”:

      add:
      —-
      #lightbox-image {
      WIDTH: 800px !important; HEIGHT: 600px !important;
      }

      change:
      ——-
      #lightbox-container-image-box
      WIDTH: 820px !important; HEIGHT: 620px !important;
      #lightbox-container-image
      WIDTH: 800px !important; HEIGHT: 600px !important;
      #lightbox-container-image-data-box
      WIDTH: 800px !important;

      but I feel that isn’t the best way.

  3. Sometimes the images I have are huge. Is there any option to make the lightbox scale the image so that it isn’t any larger than the browser window?

  4. Does this integrate into Drupal 7 (say, with lightbox or (preferably) colorbox) ?

  5. Hi, how can I remove the lightbox code from images gallery? This is conflicting with my attachment.php page. I just want to make the images (only gallery images) opening in a new attachment window, but I can’t. Please, help! :(

  6. can’t seem to get the thumbnails to enlarge to photo original size with lightbox effecgt. the plugin seems to append a smaller size thumbnail to the lightbox effect.
    http://www.onlinemediamagic.com/blog/template/

  7. This is the version that is running here.

  8. Does this application integrate into wordpress 3.2.1?

  9. Pingback: ????????? ????? ????????, ????????? ???????? ? Wordpress | ??????? ????????. ???????????? ????????? ??????.

  10. Pingback: Build a jQuery Lightbox Effect – Best Tutorials | Templates, Scripts, CMS, Graphics, Fonts, Flash, E-Books, 3D, Tutorials, Wallpapers.

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>