search

hilongjw / vue-lazyload

A Vue.js plugin for lazyload your Image or Component in your application.
http://hilongjw.github.io/vue-lazyload/
MIT License
7.98k stars 868 forks source link

Picture Tag #213

Open ashwinkshenoy opened 6 years ago

ashwinkshenoy commented 6 years ago

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.

hackuun commented 6 years ago

Support that request.

fibigerg commented 5 years ago

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

ahmedfaical commented 5 years ago

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

simonmaass commented 4 years ago

also looking for this functionality

ghost commented 3 years ago

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.