Added Slimbox2 to This Blog for Better Image Presentation

While sitting out on the back deck this gloriously beautiful Spring afternoon, I started looking at a new Mac backup utility named Persistance.  I noticed that its screen images had that nice feature where when you clicked on them a new window would open showing a larger image against a black background.  This effect has been around for some time – but seeing it again motivated me to add it to this blog – so I did.

I chose Slimbox2 by Christophe Beyls - the latest optimized version of the original Lightbox2 Javascript package by Lokesh Dhakar.<p>Installation consists of creating two new directories (css and js) and uploading a total of six files.  You then need to modify the head portion of your templates to include the Javascript and CSS files along with Jquery.  

Once those additions have been made to your templates, you can then start using Slimbox2 on your images – by including rel=”lightbox” in the reference tag.  You can see the effect in action by clicking on any of the three images included in this post from my photo/painting outing with Don Neff.

Here’s another example – using a thumbnail of Don which, when clicked on, opens up to the larger image. Pretty cool!

There – now I’ve documented the change so when I try to remember how to use it again I can find this post easily!

One thought on “Added Slimbox2 to This Blog for Better Image Presentation

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>