Rocket Lazy Load breaks my theme’s light box

  • I have a problem with the Rocket Lazy Load plugin’s lazy loading feature.

    Please see this video: https://youtu.be/VHnsJpuHPIM

    When I activate lazy loading and l hover on the images, it shows this data:image/svg+xml,%3Csvg%20xmlns=

    Images are loaded but when tapped says this “The image #n could not be loaded” because this is there as URL
    data:image/svg+xml,%3Csvg%20xmlns=

    Any solution?

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Contributor WP Rocket

    (@wp_rocket)

    Hi @rodolfoalexander!

    Sorry to hear that.

    This might happen if the lightbox copies and store the src attribute value while the page is loading.

    What you can do is disable lazy loading on images where the lightbox is used.

    If the lightbox adds specific classes to images, you can use our rocket_lazyload_excluded_attributes filter to target specific classes: 

    function rocket_lazyload_exclude_class( $attributes ) {
	$attributes[] = 'class="example-lightbox-class"';
	return $attributes;
}
add_filter( 'rocket_lazyload_excluded_attributes', 'rocket_lazyload_exclude_class' );

    If you don’t have any specific class applied to images, you will need to manually add the following class to them (without using the filter I mentioned above):

    class="<strong>skip-lazy</strong>"

    I hope it helps!

    Best regards,

    Adame

    Thread Starter rodolfoalexander

    (@rodolfoalexander)

    Nah, it didn’t help. You said the same theme my theme’s support team told me. It really did nothing. Is there any other way to solve it?

    Plugin Contributor WP Rocket

    (@wp_rocket)

    Hi @rodolfoalexander!

    Sorry to hear the solution didn’t work for you.

    Could you give us the url of your site and the exact url where the issue is happening?.

    I will be waiting your answer,

    Best regards.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Rocket Lazy Load breaks my theme’s light box’ is closed to new replies.