Image Gallery

ImageGallery

Implementation

<a href="./?a=12345" rel="prettyPhoto[pp_gal]" title="%asset_attribute_caption%">
<img src="./?a=12345" alt="%asset_attribute_alt%" height="100" width="100" /></a>

Scripts and Styles

<!-- prettyPhoto CSS --> 
<link rel="stylesheet" type="text/css" href="%globals_asset_url:502594%" media="screen" />

Page Script

At bottom of page:

<!-- jquery prettyPhoto Plugin --> 
<script type="text/javascript" src="%globals_asset_url:502582%"></script>

In the body content of the script under the gallery:

<script> type="text/javascript" charset="utf-8">
  $(document).ready(function(){
    $("a[rel^='prettyPhoto']").prettyPhoto();
  });
</script>