<![CDATA[ gallery installed, album created, now what? - My Forums]]> https://forums.modx.com/thread/?thread=50574 <![CDATA[Re: gallery installed, album created, now what?]]> https://forums.modx.com/thread/50574/gallery-installed-album-created-now-what?page=2#dis-post-296120
I think I can help you here although I am also struggling with some parts of Gallery.

So let me get this straight, you want;

One page (resource) to list all your galleries (child resources) in the form of a thumbnail which when clicked takes you to the gallery page?

Ok, so it looks like you have created all the resources, it is just not taking you to the resource when you click the thumbnail. I have done it a bit different and used wayfinder. So on my Main resource listing the galleries I have 


<h2>Below are some Galleries</h2>
[[!Wayfinder? &startId=`9` &level=`1` &rowTpl=`galleryRow`]]


My main resource listing the galleries is 9, then I have a chunk called galleryRow for the rowTpl which wayfinder is looking for:

<li[[+wf.id]][[+wf.classes]]><a name="brad" href="[[+wf.link]]" title="[[+wf.title]]" [[+wf.attributes]]>[[+Gallery]]<br/>[[+wf.linktext]]</a>[[+wf.wrapper]]</li>


As long as you create a resource for each gallery, as a child to the main wayfinder will list it.

This is working fine for me, so I hope this helps you out.

Brad]]> bradelaide Nov 19, 2010, 07:13 AM https://forums.modx.com/thread/50574/gallery-installed-album-created-now-what?page=2#dis-post-296120 <![CDATA[Re: gallery installed, album created, now what?]]> https://forums.modx.com/thread/50574/gallery-installed-album-created-now-what?page=2#dis-post-296119
within the dynamic gallery component create a new gallery called ’gallery1’ - upload some pics.

create a resource called Main gallery

within that page create another resource....

give that resource/gallery the title ’gallery1’ - Add a Gallery template Variable called ’Gallery Logo Thumb’ and select a thumbnail from the gallery you have created in the gallery component.


- now within the Main Gallery(ID-25) - the one above ’gallery one’ - use the following get resource call:

[[!getResources?
&parents=`25`
&tpl=`galthumb`
&includeTVs=`1`
&processTVs=`1`
]]


Also create a new chunk with the following code,

<p>[[+tv.Gallery Logo Thumb]]</p>

This will place the thumnail from the sub galleries on the gallery page,

now i just need to call the gallery album with the same name...

<p>[[+tv.Gallery Logo Thumb]]<a href="[[!Gallery? &album=`[[+pagetitle]]`]]"</a></p>

but the above doesnt work and loads everything, just need to say on click of the gallery thumb load the corresponding gallery....


]]> monsterwatt Nov 09, 2010, 02:00 PM https://forums.modx.com/thread/50574/gallery-installed-album-created-now-what?page=2#dis-post-296119 <![CDATA[Re: gallery installed, album created, now what?]]> https://forums.modx.com/thread/50574/gallery-installed-album-created-now-what?page=2#dis-post-296118 terobot Sep 24, 2010, 06:25 AM https://forums.modx.com/thread/50574/gallery-installed-album-created-now-what?page=2#dis-post-296118 <![CDATA[Re: gallery installed, album created, now what?]]> https://forums.modx.com/thread/50574/gallery-installed-album-created-now-what?page=2#dis-post-296117 Are you using Friendly Urls?
And what happens when you kind of mix both calls like this:
[[!Gallery? &album=`photoshoot`]]
[[!GalleryItem]]

[[!+galitem.image:notempty=`
<div class="image">
  <a href="[[+galitem.image]]"><img class="[[+galitem.imgCls]]" src="[[+galitem.image]]" alt="[[+galitem.name]]" /></a>
  <br />Albums: [[+galitem.albums]]
  <br />Tags: [[+galitem.tags]]
</div>
`]]


s1mon, you’re welcome, glad it worked for you, too. I’m looking into the details as well, not sure yet what could be the easiest way - have you checked out using tags? That’s probably what I’ll be trying out. My goal was actually to get something like this working: www.sodelikat.de/website/arbeiten/ where clicking on the tags hides / displays certain images but we’ll see if I get there ...
Good luck!]]> rixe Sep 24, 2010, 05:14 AM https://forums.modx.com/thread/50574/gallery-installed-album-created-now-what?page=2#dis-post-296117 <![CDATA[Re: gallery installed, album created, now what?]]> https://forums.modx.com/thread/50574/gallery-installed-album-created-now-what?page=2#dis-post-296116
now I’ll continue and work on the details; can anyone think of a way how to best (i.e., most simple) implement a gallery per resource? Say, I do have certain projects (each project is represented at one resource page, featuring some text details but also images), and if I want to add a new project, I’d just have to duplicate an old resource and change the text and pictures. Connecting the gallery-name with the resource-name or something? Hmm ...]]> s1Mon Sep 24, 2010, 04:09 AM https://forums.modx.com/thread/50574/gallery-installed-album-created-now-what?page=2#dis-post-296116 <![CDATA[Re: gallery installed, album created, now what?]]> https://forums.modx.com/thread/50574/gallery-installed-album-created-now-what?page=2#dis-post-296115
maybe one of you could create a step by step tutorial?
And share it with the rest of us?

Frank.]]> franklos Sep 24, 2010, 12:56 AM https://forums.modx.com/thread/50574/gallery-installed-album-created-now-what?page=2#dis-post-296115 <![CDATA[Re: gallery installed, album created, now what?]]> https://forums.modx.com/thread/50574/gallery-installed-album-created-now-what?page=2#dis-post-296114 Quote from: rixe at Sep 23, 2010, 03:39 PM

terobot, would you show me your whole snippet call?

Rixe, I tried a couple of methods of calling the snippet. In the first instance, I simply pasted the code from GalleryExample1 in the Wiki into my resource which I’ve shown below. 

[[!Gallery? &toPlaceholder=`gallery`]]
[[!GalleryItem]]
[[!GalleryAlbums? &toPlaceholder=`galleries`]]

<div style="float: right">
<h2>Galleries</h2>
<ul>
[[+galleries]]
</ul>
</div>

<h2>Item</h2>

[[!+galitem.image:notempty=`
<div class="image">
  <a href="[[+galitem.image]]"><img class="[[+galitem.imgCls]]" src="[[+galitem.image]]" alt="[[+galitem.name]]" /></a>
  <br />Albums: [[+galitem.albums]]
  <br />Tags: [[+galitem.tags]]
</div>
`]]


<hr />

[[!+gallery:notempty=`
<h1><a href="[[~[[*id]]]]">[[+gallery.name]]</a></h1>
<h2>[[+gallery.description]]</h2>

[[+gallery]]
`]]


I have two albums loaded. One called Photoshoot and another called Test. Now when I visit the page where the above snippet has been pasted in http://www.highondance.com.au/index.php?id=13 I see no thumbnails. Presumably, I’m meant to see two thumbnails - one for each album? But when I specify the album ID in the URL http://www.highondance.com.au/index.php?id=13&galAlbum=2 then the gallery works fine for that album - thumbnails appear with their enlarged images.

So I decided to work with a bare bones version of the snippet calls and created a new resource http://www.highondance.com.au/index.php?id=21 which only contains the following:
[[!Gallery? &album=`photoshoot`]]
[[!GalleryAlbums?]]
[[!GalleryItem]]


<div style="clear:both;"></div>


The aim here was simply just to get my Photoshoot album appearing with their thumbs and enlarged images. Thumbnails appear but lead nowhere. So basically, here’s my problem... I’d like to have a standard gallery setup, ie. Main Gallery Page>Albums>List of Image Thumbs>Click to enlarge. If I use GalleryExample1, I get nothing on the main gallery page but the rest of it (Albums>List of Image Thumbs>Click to enlarge ) works ok. If I use the basic snippet call above, I can’t even get the image thumbs to enlarge, let alone set up a main gallery page with a list of Albums.

Once I get this working, I’ll start on the lightbox smiley






]]> terobot Sep 23, 2010, 07:50 PM https://forums.modx.com/thread/50574/gallery-installed-album-created-now-what?page=2#dis-post-296114 <![CDATA[Re: gallery installed, album created, now what?]]> https://forums.modx.com/thread/50574/gallery-installed-album-created-now-what#dis-post-296113
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!]]> rixe Sep 23, 2010, 12:10 PM https://forums.modx.com/thread/50574/gallery-installed-album-created-now-what#dis-post-296113 <![CDATA[Re: gallery installed, album created, now what?]]> https://forums.modx.com/thread/50574/gallery-installed-album-created-now-what#dis-post-296112
Also, the thumbnails lead to nothing, same problem as terobot. If I place the code of GalleryExample1 from the wiki in a resource, thumbs lead to the picture.
All I want though is having a set of thumbs displayed for each resource, and clicking upon a thumb, the picture should appear with a lightbox (or mediabox or whatever) effect in full-screen. Is there a tutorial how to achieve this (in my opinion very basic usage) somewhere?]]> s1Mon Sep 23, 2010, 11:29 AM https://forums.modx.com/thread/50574/gallery-installed-album-created-now-what#dis-post-296112 <![CDATA[Re: gallery installed, album created, now what?]]> https://forums.modx.com/thread/50574/gallery-installed-album-created-now-what#dis-post-296111 rixe Sep 23, 2010, 10:39 AM https://forums.modx.com/thread/50574/gallery-installed-album-created-now-what#dis-post-296111