Smoothgallery

Wow, great image gallery snippet, very powerful. I have the basics of the image gallery working and it was very easy. What I would like to do now is try and have a smoothgallery feel to my images, just wondering if there are any examples snippet calls, tutorials etc. of MaxiGallery and SmoothGallery together.

Thanks
Lee

Sorry all, in particular doze I did a search here for smooth gallery, thrown nothing up, search via google and found a great thread:

http://modxcms.com/forums/index.php/topic,12287.msg81720.html#msg81720

Wow. I now have smooth gallery

Yeah, to get the smoothgallery display mode, you just add these parameters to the snippet call &display=`embedded` &embedtype=`smoothgallery`.

I’ll update the wiki page and make a new demo site when I have the v0.5 final wrapped up.

Nice one.

Look forward to it.

Lee

Doze,

I am trying to implement the simplest of the gallery examples, this one:

http://smoothgallery.jondesign.net/showcase/timed-image-switcher/

Would it be possible to help me implement the look, I can’t seem to find out how to style the look.

Appreciate any help.

Lee

Disable/Enable these parameters:

# &smoothgallery_width - Width for the smoothgallery div. Overflow will be hidden, so this should be the max width for biggest picture (&max_pic_size).
# &smoothgallery_height - Height for the smoothgallery div. Overflow will be hidden, so this should be the max height for biggest picture (&max_pic_size).
# &smoothgallery_showArrows - Defines will arrows be shown in the slideshow. Default: true
# &smoothgallery_showCarousel - Defines will the carousel be shown in slideshow (the part that shows the thumbnails). Default: true
# &smoothgallery_showInfopane - Defines will the info pane be shown (the part that holds picture descriptions). Default: true
# &smoothgallery_thumbHeight - Height of the thumbnails. Default: 75
# &smoothgallery_thumbWidth - Width of the thumbnails. Default: 100
# &smoothgallery_thumbSpacing - Space between thumbnails. Default: 10
# &smoothgallery_embedLinks - Should the picture open by clicking on the slide. Default: true
# &smoothgallery_fadeDuration - Duration of the fade effect. Default: 500
# &smoothgallery_timed - Defines is the slideshow timed. Default: false
# &smoothgallery_delay - Delay for the timed slideshow. Default: 9000
# &smoothgallery_preloader - Defines should the pictures be preloaded. Default: true
# &smoothgallery_slideInfoZoneOpacity - Opacity value for the info pane. Default: 0.7
# &smoothgallery_carouselMinimizedOpacity - Opacity value for the carousel when minimized. Default: 0.4
# &smoothgallery_carouselMinimizedHeight - Height of the minimized carousel. Default: 20
# &smoothgallery_carouselMaximizedOpacity - Opacity value for the carousel when maximized. Default: 0.7
# &smoothgallery_textShowCarousel - Text to show in the carousel. Default: ’pictures’ text from maxigallery language file

Sweet, thanks for the help, that will keep me busy for a while.

Thanks
Lee

Great, 90% there. Just wondering if it is possible to disable the thumbnail generated image, so that there is only one image and no larger version.

Thanks
Lee

Not sure that I understood your question, but... The default galleryPictureTpl has this for the smoothgallery template:

<div class="imageElement">
<h3>[+maxigallery.picture.title:htmlent+]</h3>
<p>[+maxigallery.picture.descr:htmlent+]</p>
<a href="[+maxigallery.picture_link_url+]" title="[+maxigallery.strings.click_to_zoom+]" class="open"></a>
<img src="[(base_url)][+maxigallery.path_to_gal+][+maxigallery.picture.filename+]" class="full" />
<img src="[(base_url)][+maxigallery.path_to_gal+]tn_[+maxigallery.picture.filename+]" class="thumbnail" />
</div>

If you don’t want the image to link to anywhere, remove that <a href..></a>, same goes for other things in that template. So do a chunk with the content you want and use &galleryPictureTpl=`chunkname` in the snippet call.

Did this answer your question?

Certainly did, I’ve got the little baby up and running now... thanks for all your help.

Lee