i have been use lightGallery.js for image popup in article page and it work fine for icon and   thumbnails but  it's not show  big image



function method

 <script type="text/javascript">
 $('#lightgallery').lightGallery({
    mode: 'lg-fade',
    cssEasing : 'cubic-bezier(0.25, 0, 0.25, 1)'
});
</script>
 

http://sachinchoolur.github.io/lightGallery/demos/

https://github.com/sachinchoolur/lightGallery

can you help me  MB-theme?

regard

@Locan
I've added this library to 1.0.7, let me know if I missed something.

 it's work for only feature image. other images that add by url from tool bar not work.

Oh awesome you are dear...
I will try it when I arrived home

Thank you so much 👍👍👍

it's work for only feature image. other images that add by url from tool bar not work.

.  You are right image pop up work only in feature image. How make it pop up all image

watch this article use this feature
https://www.motor1.com/news/250612/nissan-gt-r50-by-italdesign/

In file:
oc-content/plugins/blog/js/user.js

Find code:
  // LIGHT GALLERY
  $('.blg-primary-img').lightGallery({
    mode: 'lg-fade',
    thumbnail:true,
    cssEasing : 'cubic-bezier(0.25, 0, 0.25, 1)'
  });
Replace it with:
  $('.blg-content img').each(function() {
    $(this).attr('data-src', $(this).attr('src'));
    $(this).wrap('<a class="blg-lb" data-src="' + $(this).attr('src') + '"></a>');
  });

  $('.blg-content').lightGallery({
    mode: 'lg-fade',
    thumbnail: true,
    selector: '.blg-lb',
    cssEasing : 'cubic-bezier(0.25, 0, 0.25, 1)'
  });

work well thank you,
thank you so much dear

@Locan
Welcome