• Resolved marshalloram

    (@marshalloram)


    This plugin has worked great for many years. Recently we attempted to convert images to WebP, but it seems to break the slider. The converted slide display a blank image for 7 or the 8 seconds, then load the webP image for 1 second before rotating to the next slide. We’re using Imagify to automatically convert images and swap in the picture element. So the slide HTML looks like this.

    <a href="https://www.ahaven.org/invest" target="_blank" class="nivo-imageLink" style="display: none;"><picture class="slider-68540 slide-166778" loading="lazy" data-caption="" data-thumb="" title="A Haven GGH Block Ad" rel="">
    <source type="image/webp" srcset="https://vista.today/wp-content/uploads/2022/08/A-Haven-GGH-Block-Ad.jpg.webp 262w, https://vista.today/wp-content/uploads/2022/08/A-Haven-GGH-Block-Ad-175x300.jpg.webp 175w, https://vista.today/wp-content/uploads/2022/08/A-Haven-GGH-Block-Ad-254x436.jpg.webp 254w, https://vista.today/wp-content/uploads/2022/08/A-Haven-GGH-Block-Ad-40x68.jpg.webp 40w, https://vista.today/wp-content/uploads/2022/08/A-Haven-GGH-Block-Ad-55x95.jpg.webp 55w, https://vista.today/wp-content/uploads/2022/08/A-Haven-GGH-Block-Ad-140x240.jpg.webp 140w, https://vista.today/wp-content/uploads/2022/08/A-Haven-GGH-Block-Ad-35x60.jpg.webp 35w" sizes="(max-width: 262px) 100vw, 262px">
    <img width="262" height="450" src="https://vista.today/wp-content/uploads/2022/08/A-Haven-GGH-Block-Ad.jpg" alt="" loading="lazy" data-caption="" data-thumb="" rel="" srcset="https://vista.today/wp-content/uploads/2022/08/A-Haven-GGH-Block-Ad.jpg 262w, https://vista.today/wp-content/uploads/2022/08/A-Haven-GGH-Block-Ad-175x300.jpg 175w, https://vista.today/wp-content/uploads/2022/08/A-Haven-GGH-Block-Ad-254x436.jpg 254w, https://vista.today/wp-content/uploads/2022/08/A-Haven-GGH-Block-Ad-40x68.jpg 40w, https://vista.today/wp-content/uploads/2022/08/A-Haven-GGH-Block-Ad-55x95.jpg 55w, https://vista.today/wp-content/uploads/2022/08/A-Haven-GGH-Block-Ad-140x240.jpg 140w, https://vista.today/wp-content/uploads/2022/08/A-Haven-GGH-Block-Ad-35x60.jpg 35w" sizes="(max-width: 262px) 100vw, 262px" style="width: 303.25px; visibility: hidden; display: inline;">
    </picture>
    </a>

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

Viewing 3 replies - 1 through 3 (of 3 total)
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘WebP / Element support’ is closed to new replies.