search

ganlanyuan / tiny-slider

Vanilla javascript slider for all purposes.
MIT License
5.23k stars 784 forks source link

[Feature] Lazy load support for HTML5 picture tag #481

Open esl51 opened 4 years ago

esl51 commented 4 years ago

Tiny Slider can handle only img tags for lazy loading. Please, add support for source tag in picture tag. Note: source in picture has only srcset attribute.

<picture>
  <source class="tns-lazy-img" data-srcset="image.webp" type="image/webp">
  <img class="tns-lazy-img" data-src="image.jpg" alt="fallback">
</picture>

Maybe, replacing this line

    if (!imgSelector) { imgSelector = 'img'; }

with this

    if (!imgSelector) { imgSelector = 'img,picture>source'; }

helps.

tpinne commented 4 years ago

There seems to be an open PR for this #352