We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
    • 42503
    • 120 Posts
    Hi,
    I have successfully created a gallery and it is working fine. But the gallery has huge image content, manually adding every image is a huge task. So I am looking for a solution to add folder path into image source. So that it will automatically fetch all the images of a specific folder. I am adding my chuck so any one can help me.

    My gallery chunk
    <ul>
          [[!getResources? &parents =`65` &includeTVs=`1` &processTVs=`1` &tpl=`gallery_home_tpl` &sortDir=`ASC`]]
        </ul>
    


    tpl chunk
    <li class="amazingcarousel-item" style="display: block; position: relative; background-image: none; background-color: transparent; margin: 0px; padding: 0px; float: left; width: initial;">
    
            <div class="amazingcarousel-item-container" style="position: relative; margin: 0px 2px;">
    
              <div class="amazingcarousel-image"> 
    <a href="[[+tv.gallery_image]]" title="" class="html5lightbox" data-group="amazingcarousel-1">
    <img src="[[+tv.gallery_image]]" width="112" height="98" >
    </a>
              </div>
            </div>
          </li>
    


    Thanks in advance for help.
      • 42503
      • 120 Posts
      Please provide any suggestion.
      Quote from: pronab.saha at Feb 18, 2014, 05:07 AM
      Hi,
      I have successfully created a gallery and it is working fine. But the gallery has huge image content, manually adding every image is a huge task. So I am looking for a solution to add folder path into image source. So that it will automatically fetch all the images of a specific folder. I am adding my chuck so any one can help me.

      My gallery chunk
      <ul>
            [[!getResources? &parents =`65` &includeTVs=`1` &processTVs=`1` &tpl=`gallery_home_tpl` &sortDir=`ASC`]]
          </ul>
      


      tpl chunk
      <li class="amazingcarousel-item" style="display: block; position: relative; background-image: none; background-color: transparent; margin: 0px; padding: 0px; float: left; width: initial;">
      
              <div class="amazingcarousel-item-container" style="position: relative; margin: 0px 2px;">
      
                <div class="amazingcarousel-image"> 
      <a href="[[+tv.gallery_image]]" title="" class="html5lightbox" data-group="amazingcarousel-1">
      <img src="[[+tv.gallery_image]]" width="112" height="98">
      </a>
                </div>
              </div>
            </li>
      


      Thanks in advance for help.
        • 42503
        • 120 Posts
        Hi All,
        I am still looking for help. Please can any body help me with this concept.