We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
    • 7527
    • 437 Posts
    Hi,

    I am trying to implement a gallery I once had. I have most the code and it is almost there, but I could use a little expert knowledge. I am using MIGX and pulling in Galleriffic. My call is as follows:

    [[Gallery?
       &toPlaceholder=`gallery`
       &album=`Album2`
       &plugin=`galleriffic`
       &numThumbs=`10`
    ]]
     
    [[getImageList? 
      &tvname=`gallery` 
      &tpl=`gallerifficTpl`
      &toPlaceholder=`thumbnails`
    ]]
     
    [[[[+thumbnails:notempty=`$galleriffic`]]]]


    I cannot remember what the &album parameter relates to? My TV's are set up as per the video suggested by Bruno. My gallerifficTpl contains:

    <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>


    And my Galleriffic chunk contains:

    <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>


    My results can be seen here:

    http://www.pawsforwildlife.co.uk/index.php?id=12

    Obviously the images (to the left) are not appearing in thumbnail size, and are all the same even though the uploaded images were all different. When scrolling the image title changes at the bottom of the screen. Also I would like to lose the 'download original' tag. Any thoughts welcomed
    Regards,
    DS

    This question has been answered by distant_smile. See the first response.

    [ed. note: distant_smile last edited this post 8 years, 2 months ago.]
      www.PawsForWildlife.co.uk
      www.Borntobrick.co.uk
      • 4172
      • 5,888 Posts
      I'm wondering, what you are doing with the gallery - snippet above the getImageList - snippet
        -------------------------------

        you can buy me a beer, if you like MIGX

        http://webcmsolutions.de/migx.html

        Thanks!
        • 7527
        • 437 Posts
        Hi Bruno, I am trying to complete a gallery I once did before:

        https://forums.modx.com/thread/90892/gallery-options-available?page=2#dis-post-497986

        Regards
        Ds
          www.PawsForWildlife.co.uk
          www.Borntobrick.co.uk
          • 7527
          • 437 Posts
          How do I amend the width of the
          <div id="gal-gaff-thumbs" class="navigation" style="width: 300px; float: left; opacity: 1;"><div class="top pagination">


          This css puts a border around it but it will not override the width?

          #gal-gaff-thumbs{
          border: 1px solid #000000;
          float:left;
          width:640px;
          }
            www.PawsForWildlife.co.uk
            www.Borntobrick.co.uk
          • discuss.answer
            • 7527
            • 437 Posts
            All sorted now, just playing with the css and it all worked
              www.PawsForWildlife.co.uk
              www.Borntobrick.co.uk
              • 4172
              • 5,888 Posts
              I'm glad, you got it sorted.
                -------------------------------

                you can buy me a beer, if you like MIGX

                http://webcmsolutions.de/migx.html

                Thanks!