Cliche Gallery - no fancybox, big image above thumbnails - My Forums

Cliche Gallery - no fancybox, big image above thumbnails

k-a-t-i — Aug 10, 2016, 12:23 PM

Hey there!

I've a big problem with the plugin Cliche (have to say, I'm not a ModX Pro.):
I can't find a way, to open the big gallery image in the same window above the thumbnails. When clicking on the thumbs, fancybox opens and displays the big image in a pop-up. But I don't want this.
I'm good in HTML and CSS, but I have no idea about the snippets, chunks and php. It would be great, if anybody could help be. Following code is active:

[[!ClicheAlbum? &id=`1` &columns=`0` ]] - Live view is here: http://www.k-a-t-i.at/fotos1/fotos-makro.html

I'd like the Cliche Gallery to look more like this:
http://www.k-a-t-i.at/fotos1/fotos-tiere.html

I'm really looking forward on some help and replies!

Thanks so much.
Br,
Kati

Re: Cliche Gallery - no fancybox, big image above thumbnails

werley — Aug 14, 2017, 08:58 AM

Quote from: k-a-t-i at Aug 18, 2016, 02:36 AM

Hello!
Thanks for your replies! I got it now (with another solution), but still have a problem with the big image size. Seems like galleriffic resizes the original bathmate image to a maximum of 889x500 (original has a width of 1009px).
Can someone please help me with this problem. When changing the &imageWidth to a higher size than 889, the image gets unsharp.

Thanks and Br,
Kati

Same thing for me too Kati.

Re: Cliche Gallery - no fancybox, big image above thumbnails

mary11 — May 16, 2017, 08:23 AM

Thanks a lot for your posts. They are full of information and helped me too.

Re: Cliche Gallery - no fancybox, big image above thumbnails

k-a-t-i — Aug 18, 2016, 02:36 AM

Hello!
Thanks for your replies! I got it now (with another solution), but still have a problem with the big image size. Seems like galleriffic resizes the original image to a maximum of 889x500 (original has a width of 1009px).
Can someone please help me with this problem. When changing the &imageWidth to a higher size than 889, the image gets unsharp.

Thanks and Br,
Kati

Re: Cliche Gallery - no fancybox, big image above thumbnails

claytonk — Aug 10, 2016, 08:46 PM

I should mention, the solution in that codepen example uses a newer version of jquery, it won't work with the older version you currently have on that page.

Re: Cliche Gallery - no fancybox, big image above thumbnails

claytonk — Aug 10, 2016, 08:45 PM

This is really more of a javascript thing. You'll need to remove the fancybox js:

from the head of your document. That should (I don't use Cliche so I'm guessing here) leave you with just the thumbnail list. You'll need to insert a placeholder above that thumbnail list and do a bit of javascript to place the selected image as a background image in that placeholder. Here's a quick mockup: http://codepen.io/anon/pen/vKvJko