Put the following into your Overall Layout, just abve the </head> tag:
Code: Select all
<script type="text/javascript">
function lbshow(ref){
var ancs = $('a[rel=lightbox-' + ref +']');
var imgs = new Array();
for ( var i=0; i<ancs.length; i++ ) imgs.push([ancs[i].href, ancs[i].title]);
if ( imgs.length ) jQuery.slimbox(imgs, 0);
return false;
}
</script>
Use the following in your Product Layout if you want a button:
Code: Select all
<input type="button" value="Start Slideshow" onclick="lbshow('<actinic:variable name="EncodedProductAnchor" />');" />
Code: Select all
<a href="#" onclick="lbshow('<actinic:variable name="EncodedProductAnchor" />');">Start Slideshow</a>
Use the following in your Fragment Layout if you want a button:
Code: Select all
<input type="button" value="Start Slideshow" onclick="lbshow('<actinic:block if="%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%3d%3d%20%22Brochure%22" >bp_<actinic:variable encoding="perl" name="BrochurePageID" selectable="false" />_<actinic:variable encoding="perl" name="ListIndex" selectable="false" /></actinic:block><actinic:block if="%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%21%3d%20%22Brochure%22" ><actinic:variable encoding="perl" name="FragmentAnchor" selectable="false" /></actinic:block>');" />
Code: Select all
<a href="#" onclick="lbshow('<actinic:block if="%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%3d%3d%20%22Brochure%22" >bp_<actinic:variable encoding="perl" name="BrochurePageID" selectable="false" />_<actinic:variable encoding="perl" name="ListIndex" selectable="false" /></actinic:block><actinic:block if="%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%21%3d%20%22Brochure%22" ><actinic:variable encoding="perl" name="FragmentAnchor" selectable="false" /></actinic:block>');">Start Slideshow</a>