Display only thumbnails

This is close to the topic but I can’t find where would be better to post the question:

How do I make maxigallery ONLY display thumbs. I would like the user to not be able to click and get an enlarged image. Basically I wan’t to simplify it and have large thumbnails and that’s all.

Thanks,
Marko

Do a custom galleryPictureTpl. See maxigallery wiki for more information about the parameter and the location of the default template for you to modify.

Thanks for your quick reply!
I found the picturetpl.html file and have been reading through the wiki.
I can’t seem to find a simple way to just turn off the "big picture".
Any advice?

Thanks much

I have not attempted this task but I would think you need to be careful with not confusing your web visitors. The thumbnails would need to not have anchor links as clicking them will do nothing. People have become quite familiar with these thumbnail and lightbox systems and the lack of big image presentation might confuse some people...

I hear what you are saying photowebmax,
I am going to have the thumbnails so large that it will be a simple gallery.

http://www.markojokic.com/

that’s where i am at now, more or less. in the home gallery you see how big the thumbs are, so I think it will work as a static gallery that just gets scrolled down.

It’s kind of a strange request, but I want to dumb down maxigallery a little to keep it real simple.

No, you should look at the gallerypicturetpl, not picturetpl.

Just create a new chunk based on the contents of the original template and leave just the <li> tags and the thumbnail <img> tag to the template.. Remove all phx conditionals and unnecessary blocks of code etc.

Then define the chunk in galleryPictureTpl parameter.. just try it, it wont break.

Awesome, I got it... I didn’t even have to do the second step you have there, which makes me think it’s not totally right, but it seems to work.

I reduced gallerypicturetpl to the following code:

<div class="imageElement">
<img src="[(base_url)][+maxigallery.path_to_gal+]tn_[+maxigallery.picture.filename+]" class="thumbnail" />
</div>
<p style="width: [+maxigallery.picture_width_thumb+]px;"></p>

Didn’t do anything else with the chunk or anything...
thanks for that kick of confidence in the @ss to just get in there and tear it up and see what happens doze!

Well you edited the default templates, so that’s why you didn’t have to define it as a chunk. But now you cannot go back to the default templates for other snippet calls, if you need to. That’s why it’s adviced to create a copy of the default templates or create a new chunk from the contents of the default ones, so you won’t have to overwrite them.

If you look at the html source of your page now, it’s a bit of a mess because the gallerypicturetpl should return the thumbnails wrapped in a <li> tags, as the galleryoutertpl wraps all the thumbnails in a <ul> tags. The code you left there is for smoothgallery display mode actually.

So you should change it to:

I changed the code as you suggested.
I made a copy of the default template in case I need to go back ever. I am planning on keeping all the galleries uniform on my site, so I am not worried about other snippet calls, on this site atleast.

I haven’t wrapped my head around a lot of the placeholders and chunks stuff, but as I learn more I will definitely start using "better practices".

I am also looking forward to what you have been working on for Revolution!

Presenting images on a site is a huge topic all on its own. There are so many ways of adding images to a site.

With MODx sites you do not have to use MaxiGallery. MaxiGallery is great in that you can add photos, image titles and captions from the front end. It generates a custom display order system with thumbnails that will guard against excessive user scrolling.

The way you are presenting photos could be achieved without using MaxiGallery. You are sort of eliminating some of the main MaxiGallery features. You could use straight code with CSS and just use a RTE etc. Of course you would still need to upload your images into the assets/images folder, but that is very straight forward.

There are also all kinds of javascript functions that will present images. Some of them really do make for a nice user experience.

I find that if you are presenting a bunch of images its best to reduce the amount of mouse work the end user is doing to view your images. Excessive clicking or mouse scrolling can be a negative.

One thing on your site: I think you need to work on your template CSS. You have a horizontal scroll bar at the bottom of the browser window. I would also add some padding to the images to give them some "breathing room."