jQueryAdmin: SlimBox2 jQuery Plugin

• Homepage
• Demo
• Usage
• MIT License

Usage

Setup

1. Create a preset using the jQueryAdmin Admin Tool, by checking "Plugins" => "SlimBox2"
2. Save the preset in the jQueryAdmin presets folder (name it "slimbox", for example)
3. Include the following code in your template or a code section on your page:
   [[jQueryInclude?preset=<Presetname>]]
4. Add the rel="lightbox" attribute to the links pointing to your full-sized images
   Example:

                    <a href="images/image-1.jpg" rel="lightbox" title="my caption">image #1</a>
                  

5. For sets of related images that you want to group and make navigable, add a group name to the rel attribute just after the “lightbox” word, for example:
   <a href="images/image-1.jpg" rel="lightbox-cats">image #1</a>
   <a href="images/image-2.jpg" rel="lightbox-cats">image #2</a>
   <a href="images/image-3.jpg" rel="lightbox-cats">image #3</a>