$('.entry').featherlightGallery({
filter: ".wp-block-image a", // reaching the image link
    afterContent: //code to insert a link button in the corner...
function() {   
        this.$legend = this.$legend || $('<a class="moreinfo" target="_blank" href="" />').insertAfter(this.$content);
        this.$legend.attr('href', this.$currentTarget.find('img').attr('data-link'));
        this.$legend.text('i');
      }
)};

this doesn’t

$('.entry').featherlightGallery({
filter: "li.blocks-gallery-item a", // trying to reach the image link
    afterContent: //code to insert a link button in the corner...
function() {   
        this.$legend = this.$legend || $('<a class="moreinfo" target="_blank" href="" />').insertAfter(this.$content);
        this.$legend.attr('href', this.$currentTarget.find('img').attr('data-link'));
        this.$legend.text('i');
      }
)};

However it simply doesn’t work. Are you able to test the code you’ve listed under the video section and confirm it’s working on your end?

Thanks for your help in advance.

I find this featherlight lightbox quite simple but effective and got curious if it’s possible to use it with NextGen Gallery.

I’m not super good at figuring out how you’d go on about this.

I tried using the plugin in an lightbox popup (fancybox 3 and featherlight). I found that I’m unable to sent (or validate) the form inside the popup in Internet Explorer 11. I think it is maybe because the libraries move the form inside the DOM before they display them, because when I set the “original” form to display:block the form works just fine.

My code is:

<?php
echo ‘<div id=”download-form”>’;
echo do_shortcode( ‘[contact-form-7 id=”9851″]’ );
echo ‘</div>’;
?>
<script>
jQuery(function ($) {
$(‘a.credit’).click(function (e) {
e.preventDefault();
$.featherlight(‘#download-form’, {persist: ‘shared’});
});

I know IE is a very special snowflake, but has anyone any input for me? It would help a lot.

Is there any reasonably simple way to include a srcset tag with the lightbox image? I’m not a coder by trade, but as far as I can tell, the javascript generates the tag, so I can’t just use wordpress’s built-in srcset/sizes functions.

https://commons.wikimedia.org/wiki/File:Mycalesis_junonia-Thekkady.jpg#/media/File:Mycalesis_junonia-Thekkady.jpg

So ok you have to disable the plugin in the article edition, but we have a german academics blog with 36000 articles and many many links to wikimedia images. Is there a way in a future plugin version to take on consideration the wikimedia images problem ?
Thanks