I didn’t find a way to correct the image URL issue, but I did find a work around. Download fancybox and upload the files to your site. For me I uploaded the files into a folder called fancybox.
Using Fancybox I am able to display the images.
http://fancybox.net/
Follow the instructions for fancybox on their how to use page.
http://fancybox.net/howto
Place in head of your template
<link rel="stylesheet" type="text/css" href="/fancybox/jquery.fancybox-1.3.1.css" media="screen" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js"></script>
<script type="text/javascript" src="/fancybox/jquery.easing-1.3.pack.js"></script>
<script type="text/javascript" src="/fancybox/jquery.mousewheel-3.0.2.pack.js"></script>
<script type="text/javascript" src="/fancybox/jquery.fancybox-1.3.1.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("a[rel=image_group]").fancybox({
'transitionIn' : 'none',
'transitionOut' : 'none',
'titlePosition' : 'over',
'titleFormat' : function(title, currentArray, currentIndex, currentOpts) {return '<span id="fancybox-title-over">Image ' + (currentIndex + 1) + ' / ' + currentArray.length + ' ' + title + '</span>';}
});
});
</script>
On my Resource Page
<div style="text-align:center; font-weight:bold;">Image gallery <small>(Click on image to enlarge) </small></div>
<div style="overflow:hidden;">
[[!Gallery? &album=`Fishing Equipment` &tag=`Pier Tender` &thumbTpl=`fancyboxThumb`]]
[[!GalleryItem]]
</div>
fancyboxThumb Chunk
<div class="[[+cls]]">
<a rel="image_group" title="[[+name]]" href="[[+image]]">
<img class="[[+imgCls]]" src="[[+thumbnail]]" alt="[[+name]]" />
</a>
</div>
With fancybox installed on my server and the chunk and resource shown above I am able to use gallery and fancybox to display the images. This isn’t a solution to the URL problem for images not working just a work around. After figuring out this solution I actually like the interface displayed.
☆ A M B ☆
