Hi!
I am working with WPDataTables and trying to get an image pop-up to open up in a lightbox instead of opening in a new page.
See example on this page: www.hafdal.dk/legstadaleit/index.php/2019/02/13/kalastadir/
(go to accordion, point called "Manntöl" and then point "Manntal 1860" to see a thumbnail).
What settings do I need to change to get ARI Fancy Lightbox to work on that image?
Best regards
xega

Hello,

Populate "Custom JS code" parameter with the following code on "ARI Fancy Lightbox -> Settings -> Advanced" page:

$('.wpDataTable A').addClass('ari-fancybox')

Regards,
ARI Soft

Hi
Thanks for your reply. I have added it, but it does not work. My custom js code box looks like this now:

setTimeout(function() {
$('.ari-fancybox').each(function() { var el = $(this), img = el.find('img'), title = img.attr('alt'); if (!title) return ;el.data('caption', title); });
}, 10);

$('.wpDataTable A').addClass('ari-fancybox');

Do you have another solution perhaps?
Best regards
Rakel

I really need this to work, any ideas how I can fix this?
Best regards
xega

If wpDataTables supports ability to add custom CSS class for the link then it is enough to add ari-fancybox CSS class.

You can also try the following code instead of the previous one:



Regards,
ARI Soft

Hello again
Sorry that still does not work. Is the other code that I have in Custom JS code box interfering with this code? I tried placing the code at the beginning and at the end but it did not make a difference.

I've moved the table so it is easier for you to see it (only one image this time but I will be using it in a LOT of places). Go to www.hafdal.dk/legstadaleit/index.php/2019/02/13/kalastadir/ and see the image on the left to the name "Guðm. Guðmundsson". It still opens a new page when you click the image.

I really hope you can help!
Best regards
xega