[Solved] Cliche details fancybox no next/prev

1,613 Posts

fourroses666 Reply #1, 12 years ago

How can i bring the (next / prev) arrows on fancybox?
At the moment it only popups 1 image and no arrows visible.
Is there a easy way?

///

i use this call:

[[Cliche? 
&id=`1` 
&view=`album` 
&browse=`0` 
&columns=`0` 
&thumbWidth=`72` 
&thumbHeight=`72`
&itemTpl=`albumCover`
]]

Orrrr, how do i use my own item tpl?
&itemTpl=`albumCover`

making a chunk called that way didn't do a change in the gallery.

that way i can use my own fancybox script sad

[ed. note: fourroses666 last edited this post 11 years, 11 months ago.]

Evolution user, I like the back-end speed and simplicity

1,613 Posts

fourroses666 Reply #2, 11 years, 11 months ago

my call:

[[!ClicheAlbum?  &id=`1` &thumbWidth=`75` &thumbHeight=`75` &display=`galleriffic` &config=`config` &css=`cliche-stylesheet` &js=`cliche-js` &itemTpl=`itemTpl` &columns=`0` ]]

cliche-js chunk:

    $(document).ready(function() {
        $("a[rel=fancypop]").fancybox({
            'titlePosition'     : 'over',
            'transitionIn'      : 'none',
            'transitionOut'     : 'none',
            'titleFormat'       : function(title, currentArray, currentIndex, currentOpts) {
            return '<span id="fancybox-title-over">Afbeelding ' + (currentIndex + 1) + ' / ' + currentArray.length + (title.length ? '   ' + title : '') + '</span>';
            }
        });
    });

itemTpl chunk

<ul class="item">
   <li class="album-icon">
      <a rel="fancypop" title="[[+name]]" href="[[+image]]">
         <img width="[[+width]]" height="[[+height]]" title="[[+name]]" alt="[[+description]]" class="attachment-thumbnail" src="[[+thumbnail]]"/>
      </a>
   </li>
</ul>

Evolution user, I like the back-end speed and simplicity

151 Posts

sitsol Reply #3, 11 years, 11 months ago

Hey, did you manage to get the next/prev on the cliche gallery? Can you please help me out. You can find my original post here: http://forums.modx.com/thread/76555/gallery-cliche

Thx in advance!

1,613 Posts

fourroses666 Reply #4, 11 years, 11 months ago

Well when u use the codes in reply #2 then u got next / prev.

This gallery package is very easy to change to your needs.

Evolution user, I like the back-end speed and simplicity

29 Posts

magzzs Reply #5, 7 years, 1 month ago

Hi I have follow the instruction but for some reason it is still not working for me so can anyone help.

I think it the issue with the cliche-js chunk. Is it file cliche-js.js and it goes in the same folder as itemTpl.tpl

Really appreciate for any help

Thanks

Magz

Quote from: fourroses666 at May 18, 2012, 10:01 AM

Well when u use the codes in reply #2 then u got next / prev.

This gallery package is very easy to change to your needs.

Quote from: fourroses666 at May 05, 2012, 06:43 PM

my call:

[[!ClicheAlbum?  &id=`1` &thumbWidth=`75` &thumbHeight=`75` &display=`galleriffic` &config=`config` &css=`cliche-stylesheet` &js=`cliche-js` &itemTpl=`itemTpl` &columns=`0` ]]

cliche-js chunk:

    $(document).ready(function() {
        $("a[rel=fancypop]").fancybox({
            'titlePosition'     : 'over',
            'transitionIn'      : 'none',
            'transitionOut'     : 'none',
            'titleFormat'       : function(title, currentArray, currentIndex, currentOpts) {
            return '<span id="fancybox-title-over">Afbeelding ' + (currentIndex + 1) + ' / ' + currentArray.length + (title.length ? '   ' + title : '') + '</span>';
            }
        });
    });

itemTpl chunk

<ul class="item">
   <li class="album-icon">
      <a rel="fancypop" title="[[+name]]" href="[[+image]]">
         <img width="[[+width]]" height="[[+height]]" title="[[+name]]" alt="[[+description]]" class="attachment-thumbnail" src="[[+thumbnail]]">
      </a>
   </li>
</ul>