Lightbox with Jetpack Infinite Scroll.

  • Hi!

    I use the lightbox responsive plugin with Jetpack Infinite Scroll. In my functions.php I render some piece of code and repeat that template in my content block. On each item I have data-rel="lightbox".

    So, the first 10 photos in my portfolio work perfectly, but when I click “Load more” and Jetpack loads the next portion of photos, the lightbox responsive doesn’t work with that next portion of photos.

    I can increase the photo, but there is nothing to show. Only black screen. What can I do with that?

    So, only first portion of photos work with lightbox responsive. If I load, for example, 4 times new portions of photos (40 photos) the lightbox doesn’t work with them. Only with the first ten.

    Thanks a lot!

    https://www.ads-software.com/plugins/responsive-lightbox/

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter turakvlad

    (@turakvlad)

    By the way, you can check this bug here.

    I am afraid you have changed the page, and this topic shall be closed maybe.

    i added this on my theme footer.php and works
    let me know if works properly
    @dfactory is correct this solution?

    <script>
( function( $ ) {
    $( document.body ).on( 'post-load', function () {

		$.event.trigger( {
			type		: 'doResponsiveLightbox',
			script		: rlArgs.script,
			selector	: rlArgs.selector,
			args		: rlArgs
		} );

    } );
} )( jQuery );
</script>
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Lightbox with Jetpack Infinite Scroll.’ is closed to new replies.