s1Mon - I don’t know of any front-end way of adding pictures to the Gallery at the moment. But the backend is IMO quite user-friendly as soon as one has figured out the right-clicks ...
About the thumbnails / lightboxes: I’ve figured out a solution for me today, using the jQuery lightbox
http://fancybox.net/home.
1. Download fancybox, put content of folder ’fancybox’ into your filesystem, I used .../assets/components/fancybox
2. To load the jQuery, the fancybox-js and css and to get the plugin started put the following in between your <head>tags, remember to adapt your paths as needed.
The class I’m calling here (single_image) is the class I’ll be giving all my Gallery thumbs
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript" src="[[++site_url]]assets/components/fancybox/jquery.fancybox-1.3.1.pack.js"></script>
<link rel="stylesheet" href="[[++site_url]]assets/components/fancybox/jquery.fancybox-1.3.1.css" type="text/css" media="screen" />
<script>
$(document).ready(function(){
$("a.single_image").fancybox();
});
</script>
3. Create a chunk for all your Gallery thumbs, I called mine ’fancyboxThumb’ - this is where I assigned the class single_image and also the rel="fancy-images"
<div class="[[+cls]]">
<a href="[[+image]]" rel="fancy-images" title="[[+name]]" class="single_image">
<img class="[[+imgCls]]" src="[[+thumbnail]]" alt="[[+name]]" />
</a>
</div>
4. Then you can call the snippet in your resource, for example like this
[[!Gallery? &thumbWidth=`190` &thumbHeight=`190` &thumbTpl=`fancyboxThumb` &toPlaceholder=`gallery`]]
[[!GalleryItem &imageWidth=`650`]]
[[!+gallery:notempty=`
[[+gallery]]
`]]
The first call displays the thumbnails. I adjusted the size, set the Template used to the custom one I created and the placeholder to "gallery", which I call further down.
The second call displays the single pictures. I haven’t gotten it to really use the 650px I set, but that is the option that
should work.
So this is as far as I got today, next thing will be to adapt the first Gallery snippet call to use a specific album I want or just display tagged content etc. But that’s easy, all the options are in the wiki.
Hope this helps!
