Lazy Breaks Image Gallery

  • Resolved Manux_oS

    (@manux_os)


    6 years ago

    Hi,

    I am trying to setup your great plugin and need some help please.

    Lazy load breaks my homepage gallery, which is located under the header.

    How i can fix that? I tried to exclude the main class of the gallery ut didn’t help (not img class).

    Thanks

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

Viewing 11 replies - 1 through 11 (of 11 total)
  • Plugin Support qtwrk

    (@qtwrk)

    Hi,

    Could you please provide a screenshot of it’s working and it’s breaking ?

    Best regards,

    Thread Starter Manux_oS

    (@manux_os)

    Yes sure!

    Check here: https://techvalue.gr/wp-content/uploads/2019/03/lazy-load-gallery-probelm.jpg

    At the right side of the image you can see the problem. Lazy load creates a big gap to the gallery. left is normal.

    Thanks

    Plugin Support qtwrk

    (@qtwrk)

    Hi,

    Could you please provide the report number ?

    Best regards,

    Thread Starter Manux_oS

    (@manux_os)

    Hi,

    Sure, here it is: WJSNRRYW

    Thanks

    Thread Starter Manux_oS

    (@manux_os)

    I just fixed the hotlink issue, you can check the image now. sorry for that.

    Plugin Support qtwrk

    (@qtwrk)

    Hi,

    I see you have CSS/JS combine/minify enabled.

    Could you please try reset to default setting and only enable lazy-load and see if that still happens?

    Best regards,

    Thread Starter Manux_oS

    (@manux_os)

    Hi,

    Sure, i just did a reset and then i only enabled the first option, only “Lazy Load Images” and i am having the same problem. For some reason the bug comes from that option.

    I will now restore my previous settings.

    Best Regards

    • This reply was modified 6 years ago by Manux_oS.
    stanley@litespeed

    (@stanleylitespeed)

    Hi @manux_os, Owl Carousel will detect the image src’s ratio to set the carousel height. Lazyloading will replace all the image src to a square dummy image which makes owl carousel not working normally.

    You can adjust Owl Carousel’s config to adapt with the lazyloading setting(https://owlcarousel2.github.io/OwlCarousel2/demos/lazyLoad.html) or exclude all the images on owl carousel from lazyloading by putting the class name on LiteSpeed Setting > Media > Lazy Load Image Class Name Excludes.

    Thread Starter Manux_oS

    (@manux_os)

    Hi @stanleylitespeed and thanks for the suggestion.

    I will exclude the gallery from lazy loading.

    Do you know which class name i have to exclude?

    I am trying photo-gallery top clearfix but doesn’t do anything.

    Best Regards

    Thread Starter Manux_oS

    (@manux_os)

    It’s ok i found, i had to use an class inside the image
    attachment-magxp-featured-blog

    Best regards

    • This reply was modified 6 years ago by Manux_oS.
    stanley@litespeed

    (@stanleylitespeed)

    Hi @manux_os, attachment-magxp-featured-blog is not the best options as it also affecting the images outside the carousel. The best way is adding a class to those carousel’s images and put it into Lazy Load Image Class Name Excludes.

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘Lazy Breaks Image Gallery’ is closed to new replies.