We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
    • 37633
    • 20 Posts
    I have implemented PikaChoose (jQuery Slide show) into my Modx site. Great simple slideshow by the way.

    The HTML is very simple:

    
    <ul>
              <li><img src="image1" /></li>
              <li><img src="image2" /></li>
              <li><img src="image3" /></li>
    <ul>
    
    


    The front end shows one large image with 3 thumbnails below it. You can click on the thumbnails to change the large image.

    So one may of doing this in Modx is to set up 3 image TVs:

    
    <ul>
              <li>[[*image1]]</li>
              <li>[[*image2]]</li>
              <li>[[*image3]]</li>
    <ul>
    
    


    This works, but there is a problem. If I only decide to upload 1 image to the TV and leave the other two blank, all three thumbnails are still there.

    So the question is:

    How do I set it up so the LI tags don't show when there is no image within it.

    I look forward to your solutions (hopefully the more simplistic the better)

    Richy
      • 37633
      • 20 Posts
      Typical. I have found this but its for Evo, not for Revo

      .hideDiv {
          display:none
      }
       
       
      <div class="image [*blogimage:eq=``:then=`hideDiv`*]">
          <img src="[*blogimage*]" width="240"/>
           
           <p>[*imagedescription*]</p>
      </div>
      


      How can I change it for REVO?
        • 37633
        • 20 Posts
        Decided to give up with pikachoose. Probaby give nivo a go