LazyLoad HTML not valid & not working

I have a problem with LazyLoad:

If i leave the IMG tag without a SRC set, it will be an invalid HTML code. If i put a blank.png or ‘#’ in the src the LazyLoad is not working.

Can you fix that issue?

I need the slider to load each image ONLY when i click on the NEXT button, but its not working - not in ‘ondemand’ and not in ‘progressive’ mode…

PS: I wrote a little fix now in line #1636 to manually take the data-src attribute (with real src) and put it in the src:

_.$slides.slice(index, index + _.options.slidesToShow).attr("src", _.$slides.slice(index, index + _.options.slidesToShow).data("src"));

[simeydotme]

Hey @redworx 😃 , putting a blank.png is equally invalid when it comes to the crunch, so what’s the problem? 😕 - if you think the plugin is not correctly replacing the src= with the data-src= then please provide a JSFiddle to demonstrate and we’ll start looking at a fix 😅

https://github.com/kenwheeler/slick/blob/master/CONTRIBUTING.markdown there’s even a pre-made fiddle you can FORK for ease.

Simon.

[redworx]

and the overall main problem: lazyload is NOT working here 😃 without my hack