Parallex effect not working with LazyLoad activated

  • Resolved pashtun

    (@pashtun)


    4 years, 9 months ago

    Dear all,

    This is my website: https://www.coin-atlas.com/

    I am using the Hestia theme. The world image you see in the background has a parallex effect. This parallex effect seems to work when the window is resized or when opening inspect mode.

    See this screencast for reference: https://vertis.d.pr/3klTsn

    However, when full screen, it does not seem to work.

    Any advice on the matter? I don’t want to exclude this image from lazy load because it improves performance.

    The page I need help with: [log in to see the link]

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

    (@wp_rocket)

    4 years, 9 months ago

    Hi, Pashtun!

    Jorge from WP Rocket here. Apologies for the delay in our reply. We are dealing with a higher volume of support requests than usual. Thank you for your patience.

    The problem is that the image is not present when the script to create the effect is fired. The script in charge of the effect is this one:

    • /wp-content/themes/hestia-pro/assets/js/parallax.min.js

      • After reviewing the script, there’s a function that’s listening to the onWindowResize event which is why whenever you change the size of the window it works. The only option would be to exclude that image.

      Should you have any more questions or concerns please let me know and I’ll be more than happy to help you. Thank you for your time and patience. I hope you have a great day.

      Regards,

    • This reply was modified 4 years, 9 months ago by WP Rocket.
    • This reply was modified 4 years, 9 months ago by WP Rocket.
    Thread Starter pashtun

    (@pashtun)

    4 years, 9 months ago

    Dear admin,

    Thank you for responding and clarifying the problem.

    I am using the WP lazy load plugin as opposed to the WP rocket. I know in the WP rocket it is easy to exclude images, but how do you do this on th WP lazy load plugin?

    Because the difficult problem I have (atleast it’s difficult for me) is that the theme loads the image by default and there isn’t a block which I can edit as HTML.

    Best regards,

    Pashtun

    Plugin Contributor WP Rocket

    (@wp_rocket)

    4 years, 9 months ago

    Hi, Pashtun!

    Jurica from WP Rocket here.

    To exclude the image you can try the following:

    – You can also use the filters rocket_lazyload_excluded_attributes or rocket_lazyload_excluded_src to exclude specific patterns.

    ​Best Regards

    Thread Starter pashtun

    (@pashtun)

    4 years, 9 months ago

    Dear Jurica,

    Thank you kindly for taking the time to respond and trying to help a beginner like myself. Reading your message, it looks as if a part is missing after the ‘you can try the following’. Perhaps a mistake?

    Also, where would I enter these filters, in the original script that is being loaded?

    Thanks

    Best regards,

    Pashtun

    Plugin Contributor WP Rocket

    (@wp_rocket)

    4 years, 8 months ago

    Hi Pashtun,

    Yes, at first I believed there were several ways of doing this, but upon re-reading your message I realized my mistake and I badly edited the message.

    ​Best Regards

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Parallex effect not working with LazyLoad activated’ is closed to new replies.