[SOLVED] Gallery options available

5,888 Posts

Bruno17 Reply #11, 9 years, 11 months ago

seems you do not have a chunk with name 'blog-gallery'

-------------------------------

you can buy me a beer, if you like MIGX

http://webcmsolutions.de/migx.html

Thanks!

437 Posts

distant_smile Reply #12, 9 years, 11 months ago

Hi Bruno, after following the tutorial I realised I had used an underscore not a hyphen, and had to slightly amend the blog-template but it appears quite well now. When you click a thumbnail you go to a blank page with just the image (so it opens up a blank).

1. Can I set it to show the larger image on the same page when you click a thumbnail,

2. To implement Galleriffic I am guessing I just use the &plugin option and my own template?

MIGX is a very simple and neat program to use, thanks for opening my eyes to it

Regards
DS

www.PawsForWildlife.co.uk
www.Borntobrick.co.uk

437 Posts

distant_smile Reply #13, 9 years, 11 months ago

I tried the following, but it seems to ignore all of the galleriffic parameters?

[[!getImageList?
&tvname=`gallery` &tpl=`blog-gallery` &gallerifficThumbWidth=`86` &gallerifficThumbHeight=`86` 
&plugin=`galleriffic` &imageWidth=`350` &imageHeight=`410` &navigationWidth=`500px` &numThumbs=`8` 
&prevPageLinkText=`< Prev` &nextPageLinkText=`Next >` &enableTopPager=`0` &defaultTransitionDuration=`500` &gallerifficCss=`/assets/components/gallery/packages/galleriffic20/css/galleriffic-2.css`
]]

I tried taking away the &tpl parameter as Galleriffic brings it's own template in, but it leaves me with the array list as before as if a template is not being pulled in. I can't understand why it won't recognise my Galleriffic details?

DS

www.PawsForWildlife.co.uk
www.Borntobrick.co.uk

5,888 Posts

Bruno17 Reply #14, 9 years, 11 months ago

getImageList dosn't know anything about galleriffic and galleriffic - options.

But you can implement it very easyli by yourself

see instructions here:
http://www.twospy.com/galleriffic/

-------------------------------

you can buy me a beer, if you like MIGX

http://webcmsolutions.de/migx.html

Thanks!

5,888 Posts

Bruno17 Reply #15, 9 years, 11 months ago

there are also very simple solutions like this one
http://steverydz.github.io/simpleGal/demo/

here are a lot more options:
http://jquery-plugins.net/tag/photo-gallery/page/1

-------------------------------

you can buy me a beer, if you like MIGX

http://webcmsolutions.de/migx.html

Thanks!

437 Posts

distant_smile Reply #16, 9 years, 11 months ago

Thanks Bruno I will have a read through. MIGX is purely a TV, so I can call it within a gallery snippet? If so I could run a galleriffic call and pull MIGX in as the tv?

Regards,
DS

www.PawsForWildlife.co.uk
www.Borntobrick.co.uk

5,888 Posts

Bruno17 Reply #17, 9 years, 11 months ago

you can load the needed javascript with gallery. Then create the needed html-markup with getImageList

[[Gallery?
   &toPlaceholder=`gallery`
   &album=`Album2`
   &numThumbs=`1`
   &gallerifficThumbWidth=`86` 
   &gallerifficThumbHeight=`86`
   &plugin=`galleriffic` 
   &imageWidth=`350` 
   &imageHeight=`410` 
   &navigationWidth=`500px` 
   &numThumbs=`8`
   &prevPageLinkText=`< Prev` &nextPageLinkText=`Next >` 
   &enableTopPager=`0` 
   &defaultTransitionDuration=`500` 
   &gallerifficCss=`/assets/components/gallery/packages/galleriffic20/css/galleriffic-2.css`
]]


[[!getImageList?
&tvname=`gallery` 
&tpl=`blog-gallery` 
]]

Use an existing gallery-album-name, but let gallery output nothing, we use it just to load the galleriffic - stuff.

don't forget to put the needed html-markup arround the getImageList-call

and

don't forgot to put jquery to your head.

<head>
<title>[[++site_name]] - [[*pagetitle]]</title>
<base href="[[++site_url]]" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
</head>

Not sure, if galleriffic would work with newer versions of jquery

-------------------------------

you can buy me a beer, if you like MIGX

http://webcmsolutions.de/migx.html

Thanks!

437 Posts

distant_smile Reply #18, 9 years, 11 months ago

Thank you Bruno, I will have a play with this I just did not know where to start. I will report back should I succeed or fail
Regards,
DS

www.PawsForWildlife.co.uk
www.Borntobrick.co.uk

437 Posts

distant_smile Reply #19, 9 years, 11 months ago

Ok so this is what I have put in my template:

        <div class="textwidget">

[[*content]]
             [[Gallery?
   &toPlaceholder=`gallery`
   &album=`empty`
   &gallerifficThumbWidth=`86` 
   &gallerifficThumbHeight=`86`
   &plugin=`galleriffic` 
   &imageWidth=`350` 
   &imageHeight=`410` 
   &navigationWidth=`500px` 
   &numThumbs=`8`
   &prevPageLinkText=`< Prev` &nextPageLinkText=`Next >` 
   &enableTopPager=`0` 
   &defaultTransitionDuration=`500` 
  
 &gallerifficCss=`/assets/components/gallery/packages/galleriffic20/css/galleriffic-2.css`
]]     

[[!getImageList?
&tvname=`gallery` 
&tpl=`blog-gallery` 
]]
        </div>

I can always get rid of the galleriffic if I can find a way to make my thumbnails link to the large image on the same page rather than opening in blank.

Is there a part of MIGX that controls how the large size image appears?

DS

www.PawsForWildlife.co.uk
www.Borntobrick.co.uk

5,888 Posts

Bruno17 Reply #20, 9 years, 11 months ago

Here you go, the definitiv working solution made for you:

[[Gallery?
   &toPlaceholder=`gallery`
   &album=`Album2`
   &plugin=`galleriffic`
   &numThumbs=`10`
]]

[[getImageList? 
  &tvname=`gallery` 
  &tpl=`gallerifficTpl`
  &toPlaceholder=`thumbnails`
]]

[[[[+thumbnails:notempty=`$galleriffic`]]]]

create a chunk 'galleriffic' with:

<div class="galleriffic"> 
<div id="gal-gaff-gallery" class="gal_main">
    <div id="gal-gaff-controls" class="controls"></div>
    <div class="slideshow-container">
        <div id="gal-gaff-loading" class="loader"></div>
        <div id="gal-gaff-slideshow" class="slideshow"></div>
    </div>
    <div id="gal-gaff-caption" class="caption-container"></div>
</div>
<div id="gal-gaff-thumbs" class="navigation">
    <ul class="thumbs noscript">
        [[+thumbnails]]
    </ul>
</div>
<div style="clear: both;"></div>
</div>

and a chunk 'gallerifficTpl' with

<li>
    <a class="thumb" name="[[+title]]" href="[[+image]]" title="[[+title]]">
        <img src="[[+image:phpthumbof=`w=150`]]" alt="[[+title]]" />
    </a>
    <div class="caption">
        <div class="download">
            <a href="[[+image]]">[[%gallery.download_original? &namespace=`gallery` &topic=`galleriffic`]]</a>
        </div>
        <div class="image-title">[[+title]]</div>
        <div class="image-desc">
            [[+description]]
            [[+tags:notempty=`<br /><em>[[%gallery.tags]]:</em> [[+tags]]`]]
        </div>
    </div>
</li>

-------------------------------

you can buy me a beer, if you like MIGX

http://webcmsolutions.de/migx.html

Thanks!