I have a paginated gallery with 40 images.
http://svr8.acornhost.com/~infinity/amanda_myers.html
I am only showing 6 images per call via the following maxiGallery call.
[!MaxiGallery? &display=`embedded` &embedtype=`slimbox` &order_by=`date` &pics_per_page=`6` &pics_per_row=`6` &max_thumb_size=`125` &max_pic_size=`0` &keep_date=`1` &max_pic_size=`600x600` &galleryOuterTpl=`artist_gallery_Outertpl` &galleryPictureTpl=`artist_gallery_Picturetpl`!]
Here is my custom OuterTpl.
[+maxigallery.managebutton:isnot=``:then=`
<center>
[+maxigallery.managebutton+]
</center>
<br />
`+]
[+maxigallery.childgalleries:isnot=``:then=`
<div class="childscontainer">
<ul class="thumbs">
[+maxigallery.childgalleries+]
</ul>
</div>
`+]
[+maxigallery.pagenumbers:isnot=``:then=`
[+maxigallery.pagecount:isnot=`1`:then=`
`+]
`+]
[+maxigallery.embedtype:is=`smoothgallery`:then=`
<div id="myGallery[+maxigallery.config.smoothgallery_id:isnot=`-1`:then=`[+maxigallery.config.smoothgallery_id+]`:else=`[+maxigallery.pageinfo.id+]`+]"> [+maxigallery.pictures+] </div>
`+]
[+maxigallery.embedtype:isnot=`smoothgallery`:then=`
[+maxigallery.pictures:isnot=``:then=`
<div class="thumbscontainer">
<ul class="thumbs">
[+maxigallery.pictures+]
</ul>
</div>
`+]
`+]
<div id="previous_next_container">
<div id="previous_left">[+maxigallery.currentpage:is=`1`:then=`
[+maxigallery.strings.previous+]
`:else=` <a href="[+maxigallery.previous_page_url+]">[+maxigallery.strings.previous+] </a>`+]</div>
<div id="next_right">[+maxigallery.currentpage:is=`[+maxigallery.pagecount+]`:then=`
[+maxigallery.strings.next+]
`:else=` <a href="[+maxigallery.next_page_url+]">[+maxigallery.strings.next+]</a> `+]</div>
</div>
Here is my pictureTpl
<li>
<a href="[(base_url)][+maxigallery.path_to_gal+][+maxigallery.picture.filename+]"
rel="lightbox[set[+maxigallery.picture.gal_id+]]"
title="[+maxigallery.picture.date:maxidate=`%m/%d/%Y`+]
[+maxigallery.picture.descr:htmlent+]">
<img src="[(base_url)][+maxigallery.path_to_gal+]tn_[+maxigallery.picture.filename+]"
class="thumbnail" title="[+maxigallery.picture.title:htmlent+]
[+maxigallery.strings.click_to_zoom+]"
alt="[+maxigallery.picture.title:htmlent+]
[+maxigallery.strings.click_to_zoom+]" />
</a>
</li>
When I click on a thumbnail I would like the slimbox to show all images in the gallery depending on where you are in the pagination.
I am following the wiki on how to have One thumb, but all pic in slimbox to no avail.
Here is my second gallery call:
[!MaxiGallery? &display=`embedded` &embedtype=`slimbox` &order_by=`date` &limit=`99999` &galleryOuterTpl=`artist_gallery_Outertpl_hidden` &galleryPictureTpl=`artist_gallery_hidden_tpl` &manageOuterTpl=`CODE:` &manageButtonTpl=`CODE:`!]
Here is the OuterTpl for the second gallery call:
<div>
<ul class="thumbs">
[+maxigallery.pictures+]
</ul>
</div>
Here is the PictureTpl for the second gallery call:
<li>
<a href="[(base_url)][+maxigallery.path_to_gal+][+maxigallery.picture.filename+]"
rel="lightbox[set[+maxigallery.picture.gal_id+]]"
title="[+maxigallery.picture.date:maxidate=`%m/%d/%Y`+]
[+maxigallery.picture.descr:htmlent+]">
<img src="[(base_url)][+maxigallery.path_to_gal+]tn_[+maxigallery.picture.filename+]"
class="thumbnail" title="[+maxigallery.picture.title:htmlent+]
[+maxigallery.strings.click_to_zoom+]"
alt="[+maxigallery.picture.title:htmlent+]
[+maxigallery.strings.click_to_zoom+]" />
</a>
</li>
I would be gratefull for any help on this.
Had a look at the source code of that website and took it from there. Based on that code, there are two MaxiGallery calls on the page: