Hello,
Have a situation where I need to display multiple albums as a menu. This is the test development page:
http://thepalette.ca/index.php?id=1
That was done like this:
[[!GalleryAlbums?
&limit=`3`
&rowTpl=`galAlbumRowWithCoverTpl`
&thumbWidth=`92`
&thumbHeight=`65`
&toPlaceholder=`albums`
]]
<div id="thumbs" class="navigation">
<ul class="thumbs noscript">
[[+albums]]
</ul>
</div>
Then I want to show the first image in the selected album with a description. Figured that out as well, done with this:
[[!Gallery?
&limit=`1`
&toPlaceholder=`gallery`
&thumbTpl=`fullsize`
&imageWidth=`650`
&imageHeight=`450`
]]
[[!GalleryItem&tpl=`fullsize`
]]
<div>
[[+gallery]]
</div>
I don’t need the image to link to a larger version so the fullsize thumbtpl looks like this:
<img src="[[+image]]" alt="[[+name]]" />
<p>[[+name]]<br />[[+description]]</p>
Please note that I haven’t styled anything yet (or not much).
Now the next thing I want to do, but can’t figure out how to do is:
- Show a default album right off so the user doesn’t have to click on of the album thumbnails.
- Pagination: Move to next/previous image from either a next/previous button or a number (i.e. 1 2 3 4).
- Pagination: List the number of items in the album and make each number a direct link to the image).
I want to start with the first image and then the user needs to click to view the next or previous image in the album. Is there a way to do this?