Specify whether to use automatic or developer mode.
No Effect (Default)
By default, the module does not apply any effects.
Automatic Mode
Automatically converts all links pointing to images(s) to use lightbox effect. The link URL must end with one of the following extensions: JPG/JPEG/GIF/PNG
Group Images (Default: Yes)
Groups all images on the page and allows user to navigate between them using the mouse or keyboard.
Developer Mode
Allows the user to more explicitly select links that should show in lightbox effect. This is an ideal option if you want to use Live Images with your own custom modules or other data driven modules such as XMod and/or ListX.
Selector
Uses the jQuery selector expression to select one or many links. If you're familiar with jQuery, you can use any selector expression. In the screenshot above, we're selecting all links that have class="MyClass"
'a.MyClass' translates into select all <a> tags that have class="MyClass". Following are 2 examples of such links:
<a href="http://www.MySite.com/MyPicture.jpg" class="MyClass">My Picture</a>
Since we have the power of jQuery, we can use any selector such as following:
jQuery('#Gallery a').jackBox('init',{preloadGraphics:false});
This will select all <a> tags within an element that has id="Gallery". So this could be all links within a div.
jQuery('a').jackBox('init',{preloadGraphics:false});
This will select all <a> tags within the page. Keep in mind however that <a> tags must be linking to valid images.
Note: jQuery('Selector').jackBox('init',{preloadGraphics:false}); is case sensitive. Ensure that jQuery is spelled correctly and so is jackBox('init',{preloadGraphics:false});
Watch the Video