Lazyload miscalulating images

  • mikejandreau

    (@mikejandreau)


    6 years, 11 months ago

    Looks like Lazyload is miscalculating the dimensions of images it’s loading.

    Look at the homepage on https://dev.cummingsarchitects.com/, the 3rd slide (of the blue house) is constrained in its sizes.

    If I manually change the CSS to the correct height, it looks right. But I can’t do that manually for every image.

    Why is this happening and how can I fix it?

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Optimizing Matters

    (@optimizingmatters)

    6 years, 11 months ago

    sliders are difficult and usually have their own lazy-loading logic, to exclude those images from lazyloading by adding either (part of) the filenames or another attribute/ value from that is part of the <img tag (e.g. a common class).

    hope this clarifies,
    frank

    Thread Starter mikejandreau

    (@mikejandreau)

    6 years, 11 months ago

    Here’s the CSS I’m getting output: https://take.ms/ITEcK

    The top is without Lazyload running, the bottom is with.

    You can see the height is being reduced by ~60 pixels and the width is being increased by ~2500 pixels.

    How can I tell Autoptimize’s lazyload to not change the height and width of these images? The slideshow is handling that.

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    6 years, 11 months ago

    well, the problem is the slideshow calculates the sizes when initiated, but as the images are not loaded yet due to lazyloading that fails. as I wrote before; you’ll have to exclude those images from being lazyloaded to allow the slider to correctly calculate sizes.

    Thread Starter mikejandreau

    (@mikejandreau)

    6 years, 11 months ago

    Thanks. That defeats the entire purpose of lazyloading since the whole site is slideshows, but I understand what you’re saying.

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

The topic ‘Lazyload miscalulating images’ is closed to new replies.