Put the following into your Overall Layout, just above the </head> tag.
Code: Select all
<script type="text/javascript">
<!-- Start Lightbox-Slimbox manually
function startlbox(pid){
lblist = new Array();
ancs = document.getElementsByTagName('a');
for(i=0; i<ancs.length; i++)
{
if ( ancs[i].rel == 'lightbox[' + pid + ']' ) lblist.push([ancs[i].href, ancs[i].title]);
}
if ( lblist.length ) Slimbox.open(lblist, 0);
}
// -->
</script>
Code: Select all
<actinic:block if="%3cactinic%3avariable%20name%3d%22LightboxImage1%22%20%2f%3e%20%21%3d%20%22%22%20%0dOR%20%3cactinic%3avariable%20name%3d%22LightboxImage2%22%20%2f%3e%20%21%3d%20%22%22%20%0dOR%20%3cactinic%3avariable%20name%3d%22LightboxImage3%22%20%2f%3e%20%21%3d%20%22%22%20%0dOR%20%3cactinic%3avariable%20name%3d%22LightboxImage4%22%20%2f%3e%20%21%3d%20%22%22%20%0dOR%20%3cactinic%3avariable%20name%3d%22LightboxImage5%22%20%2f%3e%20%21%3d%20%22%22%20%0dOR%20%3cactinic%3avariable%20name%3d%22LightboxImage6%22%20%2f%3e%20%21%3d%20%22%22%20%0dOR%20%3cactinic%3avariable%20name%3d%22LightboxImage7%22%20%2f%3e%20%21%3d%20%22%22%20%0dOR%20%3cactinic%3avariable%20name%3d%22LightboxImage8%22%20%2f%3e%20%21%3d%20%22%22%20%0dOR%20%3cactinic%3avariable%20name%3d%22LightboxImage9%22%20%2f%3e%20%21%3d%20%22%22%20%0dOR%20%3cactinic%3avariable%20name%3d%22LightboxImage10%22%20%2f%3e%20%21%3d%20%22%22" >
<a href="javascript:startlbox('<actinic:variable name="EncodedProductAnchor" encoding="perl" selectable="false" />')">Click for larger image</a>
</actinic:block>