<ul id="tag-list"> <li><a class="tags" href="link-to-a-page-showing-all-images-associated-to-the-tag">tag1</a></li> <li><a class="tags" href="link-to-a-page-showing-all-images-associated-to-the-tag">tag2</a></li> <li><a class="tags" href="link-to-a-page-showing-all-images-associated-to-the-tag">tag3</a></li> <li><a class="tags" href="link-to-a-page-showing-all-images-associated-to-the-tag">tag4</a></li> <li><a class="tags" href="link-to-a-page-showing-all-images-associated-to-the-tag">tag5</a></li> <li><a class="tags" href="link-to-a-page-showing-all-images-associated-to-the-tag">tag6</a></li> <li><a class="tags" href="link-to-a-page-showing-all-images-associated-to-the-tag">tag7</a></li> <li><a class="tags" href="link-to-a-page-showing-all-images-associated-to-the-tag">tag8</a></li>
This question has been answered by Bruno17. See the first response.
[[migxLoopCollection? &packageName=`gallery` &classname=`galTag` &sortConfig=`[{"sortby":"tag"}]` &groupby=`tag` &tpl=`galleryTagLink` ]]
<li><a class="tags" href="[[~TheLandingID? &tag=`[[+tag]]`]]">[[+tag]]</a></li>
[[!migxLoopCollection? &packageName=`gallery` &classname=`galItem` &joins=`[{"alias":"Tags"}]` &where=`{"Tags.tag":"[[!getReqParam? &name=`tag`]]"}` &tpl=`` ]]
with getReqParam installed, that on the landing-page:
[[!migxLoopCollection? &packageName=`gallery` &classname=`galItem` &joins=`[{"alias":"Tags"}]` &where=`{"Tags.tag":"[[!getReqParam? &name=`tag`]]"}` &tpl=`` ]]
<li><a class="tags" href="[[~[[*id]]? &tag=`[[+tag]]`]]">[[+tag]]</a></li>
if you want to show the images on the same page, you would put both snippet-tags on the same page
and have the chunk like
<li><a class="tags" href="[[~[[*id]]? &tag=`[[+tag]]`]]">[[+tag]]</a></li>
if your landing-page should be another page replace
'TheLandingID' with the id of that page.
yeah, you will need to create a tpl-chunk and call that one
with &tpl=``
you can see all availiable fields in the printed array, when no tpl-property was defined.
<div id="block"> <div id="pictures"> <img class="full-img" src="[[+filename]]" alt="[[+description]]"> </div> </div>
[filename] => myalbum/myimage.jpg
<div id="block"> <div id="pictures"> <img class="full-img" src="myalbum/myimage/[[+filename]]" alt="[[+description]]"> </div> </div>