When using IOlazy with IntersectionObserver Polyfill in Safari 11 the Polyfill’s _parseRootMargin method crashes with a TypeError e.split is not a function. (In 'e.split(/\s+/)', 'e.split' is undefined).
This is caused by IOlazy passing rootMargin as Array which can not work with the polyfill.

Please update IOlazy class to pass rootMargin as String which is – as far as I can tell – expected in the spec, too.

I used dataset

https://github.com/cdowdy/io-lazyload/blob/master/src/js/iolazy.js#L48-L54

and this will choke in IE 10.. so.. do i use getAttribute or just leave it since they are no longer supported by Microsoft.. hmm

https://www.microsoft.com/en-us/windowsforbusiness/end-of-ie-support

or should I just make a mention of it in the demo page/readme?

That happens when you have container (i.e. read more) that unveils content on click.

Right now - image would be loaded. Even though it's not visible due to being hidden within parent.

Sample code:

<div class="show_more"><a class="show-more"> Read more …</a> -> clicking makes next div visible
<div class="content-hide">
// image here
</div></div>

Firstly, thanks for taking the time to develop and share.

I am attempting to implement io-lazyload on a WordPress site. I can see that images are only downloaded by the browser as they come into view (as expected), however the image displayed to the user does not ever change from the low-res placeholder (in this case, an SVG).

Test URL available @ https://redacted

Cheers

some super old things here need updated. Mainly gulp and babel

Possibly using some other data tag like data-bg?

Hi

Can you please publish your code as npm package?

Thanks

Hi, when I use iolazy.js fron src/ folder, I'm getting this javascript error:

Screen is from latest Firefox, but the same issue I can see in Chrome.

Using dist/js/iolazy.min.js everything is OK.

I prefer to use non-minified version - to create my own distrubution pack.