Display custom HTML inside a slide

[CyrilKrylatov]

Hi,

I'm using lightGallery with https://www.stimulus-components.com/docs/stimulus-lightbox

I was wondering if there is any way to display custom HTML inside a slide, something like this:

<div data-controller="lightbox">
  <a href="img/img1.jpg" data-lightbox-html="#table-lightbox">
    <img src="img/img1.jpg" alt="" />
  </a>
</div>

 <template id="table-lightbox">
    <table>
      <tbody>
        <tr>
          <td>My custom table</td>
        </tr>
      </thead>
</template>

so I'll see img1.jpg on my gallery but when I click on it, I won't see img1.jpg but my <table> element specified on my template element (or via a data-attribute or something else).

I didn't see anything for doing that in the doc ; let me know if I miss something.

Thank for your time!