This topic contains a post which is marked as Best Answer. Press here if you would like to see it.
*

Locan

  • ***
  • 166 posts
Image Gallery popup for article
« on: July 08, 2018, 03:40:14 PM »
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
« Last Edit: July 08, 2018, 05:13:47 PM by Locan »

*

MB Themes

Re: Image Gallery popup for article
« Reply #1 on: July 09, 2018, 09:07:27 AM »
@Locan
I've added this library to 1.0.7, let me know if I missed something.
  To get fast support, we need following details: Detail description, URL to reproduce problem, Screenshots

*

Koala

  • *
  • 6 posts
Re: Image Gallery popup for article
« Reply #2 on: July 09, 2018, 09:44:04 AM »
 it's work for only feature image. other images that add by url from tool bar not work.

*

Locan

  • ***
  • 166 posts
Re: Image Gallery popup for article
« Reply #3 on: July 09, 2018, 10:02:54 AM »
Oh awesome you are dear...
I will try it when I arrived home

Thank you so much 👍👍👍

*

Locan

  • ***
  • 166 posts
Re: Image Gallery popup for article
« Reply #4 on: July 10, 2018, 02:11:19 AM »
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

*

Koala

  • *
  • 6 posts
Re: Image Gallery popup for article
« Reply #5 on: July 10, 2018, 07:25:47 AM »

Marked as best answer by dom reysor on July 10, 2018, 01:58:30 PM
*

MB Themes

Re: Image Gallery popup for article
« Reply #6 on: July 10, 2018, 08:47:50 AM »
In file:
oc-content/plugins/blog/js/user.js

Find code:
Code: [Select]
  // LIGHT GALLERY
  $('.blg-primary-img').lightGallery({
    mode: 'lg-fade',
    thumbnail:true,
    cssEasing : 'cubic-bezier(0.25, 0, 0.25, 1)'
  });

Replace it with:
Code: [Select]
  $('.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)'
  });
  To get fast support, we need following details: Detail description, URL to reproduce problem, Screenshots

*

Locan

  • ***
  • 166 posts
Re: Image Gallery popup for article
« Reply #7 on: July 10, 2018, 01:57:43 PM »
work well thank you,
thank you so much dear

*

MB Themes

Re: Image Gallery popup for article
« Reply #8 on: July 10, 2018, 07:30:43 PM »
@Locan
Welcome
  To get fast support, we need following details: Detail description, URL to reproduce problem, Screenshots