[SOLVED] Display multiple galleries thumbnails on one page?

171 Posts

BobbyG66 Reply #1, 15 years, 4 months ago

It seems like it should be possible, but I have not been able to figure it out.
Any ideas?

This is what I want to display.

Gallery 1
Thumbnail Thumbnail Thumbnail Thumbnail
Thumbnail Thumbnail Thumbnail Thumbnail

Gallery 2
Thumbnail Thumbnail Thumbnail Thumbnail
Thumbnail Thumbnail Thumbnail Thumbnail

Gallery 3
Thumbnail Thumbnail Thumbnail Thumbnail
Thumbnail Thumbnail Thumbnail Thumbnail

121 Posts

Martijn van Turnhout Reply #2, 15 years, 4 months ago

I’m using a getResources chunk for this, in combination with the Gallery TV. Works fine.

171 Posts

BobbyG66 Reply #3, 15 years, 4 months ago

Can you post an example of the code you are using?

121 Posts

Martijn van Turnhout Reply #4, 15 years, 4 months ago

GetResource chunk:

<h2>[[+pagetitle]]</h2>
<p>[[+introtext]]</p>
<ul class="album">
  [[Gallery?
    &album=`[[+gallery_album]]`
    &thumbWidth=`150` 
    &thumbHeight=`125`
    &thumbTpl=`project_thumb` 
    &imageWidth=``
    &imageHeight=``
    &useCss=`0`
    &thumbProperties=`{"zc":"1"}`
  ]]      
</ul>

project_thumb tpl:

<li><a href="[[+image]]" rel="lightbox-[[+album]]" title="[[+description]]"><img src="[[+thumbnail]]" width="150" height="125" alt=""></a></li>

171 Posts

BobbyG66 Reply #5, 15 years, 4 months ago

Martijn,

Thank you!
I got it working.

BG66

44 Posts

tourshi Reply #6, 15 years, 2 months ago

hi, is there anyway that you can post the getResources part of this solution? i’m having trouble understanding how to get it done..thank you

121 Posts

Martijn van Turnhout Reply #7, 15 years, 2 months ago

[[getResources:default=`<p>Geen resultaten.</p>`? &parents=`[[*id]]` &limit=`` &tpl=`project_album` &includeTVs=`1` &processTVs=`1` &tvPrefix=`` &showHidden=`1` &sortby=`{"menuindex":"ASC","publishedon":"DESC"}`]]

Here’s the getResources code, though it’s not really relevant. wink

171 Posts

BobbyG66 Reply #8, 15 years, 2 months ago

Here is my code for the portfolio page:

<div class="span-24">
  [[!Gallery?
    &album=`7`
    &thumbWidth=`75` 
    &thumbHeight=`75`
    &thumbTpl=`GalColorBoxItem` 
    &containerTpl=`AlbumContainer`
    &imageWidth=`500`
    &imageHeight=`500`
    &useCss=`0`
    &thumbProperties=`{"zc":"1"}`
  ]]
</div>

<div class="span-24">
  [[!Gallery?
    &album=`8`
    &thumbWidth=`75` 
    &thumbHeight=`75`
    &thumbTpl=`GalColorBoxItem` 
    &containerTpl=`AlbumContainer`
    &imageWidth=`500`
    &imageHeight=`500`
    &useCss=`0`
    &thumbProperties=`{"zc":"1"}`
  ]]
</div>

<div class="span-24">
  [[!Gallery?
    &album=`9`
    &thumbWidth=`75` 
    &thumbHeight=`75`
    &thumbTpl=`GalColorBoxItem` 
    &containerTpl=`AlbumContainer`
    &imageWidth=`500`
    &imageHeight=`500`
    &useCss=`0`
    &thumbProperties=`{"zc":"1"}`
  ]]
</div>

I am using colorbox, so here is my thumb template:

<div class="[[+cls]]">
  <a href="[[+image]]" rel="galerie" title="[[+name]]">
        <img class="[[+imgCls]]" src="[[+thumbnail]]" alt="[[+name]]" />
    </a>
</div>

Hope this helps.
BG66

8 Posts

johncarter Reply #9, 15 years ago

Hello all

New to all this, started 2 days ago. Using gallery addon I have managed to display a gallery's thumbnails via a link. I am also wanting the same effect that is stated above.

i.e.

Gallery 1 Title
Gallery 1 Description
Thumbnail Thumbnail Thumbnail Thumbnail
Thumbnail Thumbnail Thumbnail Thumbnail

Gallery 2 Title
Gallery 2 Description
Thumbnail Thumbnail Thumbnail Thumbnail
Thumbnail Thumbnail Thumbnail Thumbnail

Generate that for how ever many galleries there are...

I understand the principles of what is being said above. I would be very grateful if someone could clarify the specifics of the method used to create it.

I have Gallery and getResources installed already.

Thank you in advance.

Johnny.

8 Posts

johncarter Reply #10, 15 years ago

I have followed the above instructions, and got the galleries shown on one page together.

Problem has been the fact that I have to manually copy and paste the &album `xx` number into each of the [[!Gallery? &album`xx`]] properties.

How do I dynamically repeat the content, for each gallery that may be entered or deleted?

Also I have encountered problems trying to have the album name and description once for each album, instead of once for every thumbnail.

What seemed, at first the same problem as this thread I don't know if its the same answer.

Cheers

John. [ed. note: johncarter last edited this post 15 years ago.]