Menu icon Foundation
Clearing lightbox with nested thumbnail content

Hi,

I'm trying to use the clearing lightbox but with more complex thumbnail elements.

I'd like the thumbnail to contain the image, link and a following list. Is it possible to have the lightbox invoked on the a or img click below but not the whole li thumbnail?

Thanks,

Stu

<ul class="clearing-thumbs" data-clearing>
    <li class="th">
      <a href="my-1.png">
        <img src="my.png"/>
      </a>  

      <ul>
        <li>some text</li>
        <li>some text</li>
     </ul>
    </li>
  </ul>
            

         

lightboxclearing lightboxthumbnails

Hi,

I'm trying to use the clearing lightbox but with more complex thumbnail elements.

I'd like the thumbnail to contain the image, link and a following list. Is it possible to have the lightbox invoked on the a or img click below but not the whole li thumbnail?

Thanks,

Stu

<ul class="clearing-thumbs" data-clearing>
    <li class="th">
      <a href="my-1.png">
        <img src="my.png"/>
      </a>  

      <ul>
        <li>some text</li>
        <li>some text</li>
     </ul>
    </li>
  </ul>
            

         
Rafi Benkual almost 5 years ago

What does the link do if not to open the lightbox?
Where is list supposed to be?