vue-lazyload icon indicating copy to clipboard operation
vue-lazyload copied to clipboard

Picture Tag

Open ashwinkshenoy opened this issue 7 years ago • 5 comments

In Situation where picture tag is used, let's say in chrome, webp is loaded by default and other browsers png in loaded, if I use 'v-lazy' webp is loaded as well as png both are loaded, but by default only webp should load(Which is the normal behaviour in chrome) and not png.

<picture>
  <source srcset="/images/poster-1.webp" type="image/webp" class="img-responsive lazy-img-fadein">
  <img src="/images/poster-1.png" alt="Pay Rental" class="img-responsive lazy-img-fadein">
</picture>

I believe this would be a feature request.

ashwinkshenoy avatar Dec 15 '17 06:12 ashwinkshenoy

Support that request.

hackuun avatar Jan 18 '18 13:01 hackuun

We really need this. WebP is becoming a standard in 2019.

fibigerg avatar Apr 02 '19 15:04 fibigerg

+1 for picture tag support. any news about this?

ahmedfaical avatar May 20 '19 15:05 ahmedfaical

also looking for this functionality

simonmaass avatar Mar 19 '20 14:03 simonmaass

Not supporting picture is a dealbreaker in a modern web stack, but it might just be the time to go with native loading="lazy" instead.

ghost avatar Aug 05 '20 14:08 ghost