Sorry for the belated reply. I missed your message somehow. My code is below.
I also came across another issue that i’m trying to resolve now. If i add a name to an image in the easy2gallery backend it stops being included in the displayed gallery. When i remove the Name value the image appears in the gallery.
Here’s the example in action
http://www.smart-space.co.uk/building-installations/production-space.html.
Gallery call:
<div id="gallery-frame" class="clearfix">
[*imageGallery:is=`0`:then=``:else=`[!easy2? &gid=`[*imageGallery*]` &ecm=`0` &pagination=`0` &crumbs=`0` &tpl=`assets/chunks/easy2gallery/gallery_tpl.chk` &thumb_tpl=`assets/chunks/easy2gallery/thumbnail_tpl.chk` &glib=`scrollable+prettyPhoto` !]`*]
</div>
Template code in gallery_tpl.chk:
<div class="e2g_wrapper" id="[+easy2:wrapper+]_[+easy2:sid+]">
<!-- "previous page" action -->
<a class="prevPage browse left"></a>
<!-- root element for scrollable -->
<div class="scrollable thumbs" id="e2g_gallery_[+easy2:sid+]">
[+easy2:content+]
</div>
<!-- "next page" action -->
<a class="nextPage browse right"></a>
<br clear="all" />
</div>
Thumb code:
<div class="thumb">
[+easy2:thumbplugin+]
<a href="[+easy2:link+]" title="[+easy2:summary+]" [+easy2:glibact+]>
<img src="[+easy2:src+]" alt="[+easy2:title+]" width="[+easy2:w+]" height="[+easy2:h+]" />
</a>
</div>
Code to initialize scrollable and PrettyPhoto light box. Instead of inserting it through easy2gallery ui i have a single config.js file that initializes all of my javascript components if they exist on the page. Note that the latest version of scrollable was not as good as the one in JQuery Tools version 1.1.2. So i’m still using the older version.
// ********** initialize thumb gallery ******
if ($('div.scrollable.thumbs').length > 0) {
$('div.scrollable.thumbs').scrollable( {
size : 5,
easing : "swing",
loop : false,
speed : 600,
clickable: false
});
}
// ********** initialize Pretty Photo lightbox ******
if ($("a[rel^='prettyPhoto']").length > 0) {
$("a[rel^='prettyPhoto']").prettyPhoto({
overlay_gallery: false
});
}
And finally thumb link attribute: