Slimbox2 Slideshow – WordPress plugin to add image lightbox and slideshow

Slimbox2 Slideshow is a WordPress plugin that implements a lightbox style affect to images using Slimbox2.

Functionality

The main advantage of Slimbox2 Slideshow plugin is being able to show a slide show of ALL images in every single post.
Click here to see it in action (notice the slide count).

Additional functionality;

automatically add rel=lightbox’ tags to images.
automatically re-size images to fit in browser window.
based on jQuery library, no need for additional libraries such as script.aculo.us or Prototype.

Examples
Slide show of all blog images (click me) – notice the slide count.

Standard images, showing grouping.

Image Map – yes it works
Test Images

Installation

Upload folder ‘t-slimbox2-slideshow’ to the ‘/wp-content/plugins/’ directory.
Activate the plugin through the ‘Plugins’ menu in WordPress.
Under ‘Plugins’ > ‘Slimbox2 Slideshow’, you will find the ‘Slimbox2 Slideshow Options’ page. Next section will explain the options.

Configuration/Options

The following configuration settings are available with meaning;

Automatic Image Link Tagging – automatically add the HTML to image links to show images in a lightbox. Leave it at default ticked.
Automatic Resize – automatically resize images in the lightbox to fit the browser window. Large images will be shrunk and small images will be expanded.
Image Scaling Factor – used to determine how much of the browser window an image will be automatically resized to. The default value of 0.75 means the image will be scaled to 75% of the browser window. This value does not take into account border and caption.
Enable Slimbox on Image Maps – enable lightbox affect to be enabled for Image Maps.
Enable Slideshow on All – when ticked, all images and Image Maps will start in slideshow.
Slide Time – the seconds between images during a slideshow.

Slide show of all blog images

Simply create a link with url “#slide” or just “#s”. For images to appear in the slideshow, they must have a title attribute.

Why was Slimbox2 Slideshow created?

My wife and I were in a situation wanting to show our photos to our friends, we had Lightbox but every photo needed to be ‘Next’ manually and that would only show photos in a single post. Slimbox2 Slideshow allows for one-click to start a slideshow of all your photos and sit back and enjoy.

Download Slimbox2 Slideshow from the WordPress Repository here

Posted

21 October 2011

Slimbox2 Slideshow, Wordpress

MECTILE

Tags:

auto-resize, image map, jQuery, lightbox, plugin, Slimbox, Wordpress

Comments

10 responses to “Slimbox2 Slideshow – WordPress plugin to add image lightbox and slideshow”

Anne

16 November 2011

Hey, I’m wondering why my images in the lightbox popup show big gray spots, shown here:

http://www.diigo.com/item/image/1zj8e/g81s

Reply
1. MECTILE
  
  16 November 2011
  
  Anne,
  Try the updated Slimbox2 Slideshow v1.1
  
  Reply
Anne

17 November 2011

I just updated, no spots. Thanks!

Reply
ana mendez

21 November 2011

Hello, slimbox2 is not working in my new wordpress http://www.increiiible.com
but it is working on another: http://www.antoniomazzei,com

i did the same thing on increiiiblebut it is not showing my images lilke slimbox2

i dont know that to do 🙁

Reply
1. MECTILE
  
  21 November 2011
  
  Ana,
  
  I have had a quick look at your gallery page
  http://www.increiiible.com/?p=35
  
  You need to enable the “Link thumbnails to: Image File” option on the gallery.
  Give that a try and let me know.
  
  Travis
  
  Reply
hendrixl

12 February 2012

Hi, just uploaded your plugin and love it! is it possible to have categories of slideshows? see my website http://www.ncgroutworks.com. On the home page “see our work” section ther are 3 images, one for floors, one for baths and one for showers. I’d like to have a different popup slideshow for each of these. Is that possible?

Reply
1. Travis h
  
  12 February 2012
  
  hendrixl, unfortunately, not really with Slimbox2-Slideshow, you can but you will need to do some custom additional JavaScript.
  
  Reply
  1. hendrixl
    
    13 February 2012
    
    Hi Travis, thanks for getting back to me. I can do a bit of programming, would it be possible to give me the code for that? I see that you have done this on your blog page and is exactly what I need.
    
    Reply
    1. Travis h
      
      13 February 2012
      
      hendrixl, hopefully the code below isn’t obfuscated, you will need to do some custom JavaScript as follows;
      
      $.slimbox(images, 0, {slideInterval: slide_time, scaler: tss_scaling, loop: true});
      
      where
      images; is an array of your images you want in a slideshow, similar to;
      
      [[“image1.jpg”, “desc1”], [“image2.jpg”, “descr”]]
      
      slide_time; is the time in seconds you wish each slide to show for.
      tss_scaling; is 0.75 or the scaler to fit images into the window.
      
      Reply
motown

6 August 2013

Hi – I have several image sets on one page. Unfortunately the different image sets run together in one big slide show. How can I set the sets to run independently?

Reply