jquery.pan (lightbox & zoom) with child-items / subrows

tefdat

Dear community,
previously i was using featherlight for showing images from my tables in a lightbox. Just open test-sketch, open the first row, scroll down and click to the pictures.
https://codepen.io/tefole/pen/zYvOqRO

So far so good. Featherlight does not have a zoom function.

So, I end up finally between the (commercially) modulobox and jquery.pan

Right now i went further with jquery.pan, please check this:
http://live.datatables.net/yelebuta/1/edit?html,output

In the main-row the lightbox (class="pan") is running flawlessly.
But in the subrow/child-items, the lightbox its not working.

I guess the call
$(".pan").pan();
is not complete or has to be extended with the responsive JSON table ul li some thing like that, respectively not loaded/initialised on the right place.

After days of trial, i decided for asking support; can someone give me a hint, what I am doing wrong, respectively how can I get this jquery.pan working together with datatables.

Thx & Regards..

kthorngren

Thanks for the test case. With Responsive the hidden child details aren't in the DOM when you globally use $(".pan").pan();. Use the responsive-display to apply $(".pan").pan(); when the child is open, like this:
http://live.datatables.net/nopegezu/1/edit

Is this what you are looking for?

Kevin

tefdat

Hey Kevin,
great - it was exactly that what I was looking for. Thanks you so much!

For expressing my thanks, just purchased support credits - it was long been overdue

Regards..