React-slick: Lazy load one div ahead
Currently lazy loading for sliders is available properly. But we need to load one div ahead of current div, means, if first div is in view port, i want to keep the second div loaded and ready to view. Same should be happen for all, if third div is in view port, fourth should get loaded. Because, Images in div are downloading after coming to view port, so for time being we are showing place holder, to avoid this, if we implemented how much div ahead we need to lazy loading, it will be useful.
AnandhaprabhuSp
All 11 comments
We currently don't support such lazy offset. But commit: e0dfd32a6b88e0bcc555f243148f7383d5fc9eb5 implements progressive lazyloading as reflected by slick.
These changes will be released soon.
laveesingh
on 20 Mar 2018
That looks great. Any idea of ETA?
Ashkas
on 23 Mar 2018
probably today
laveesingh
on 23 Mar 2018
Progressive Lazyload has been implemented.
laveesingh
on 30 Mar 2018
@laveesingh Is there any interest to support the requested feature? I am currently looking into implementing the exact same thing for a gallery in a mobile website.
There is would be wasteful to load all the images immediately.
timm-aym
on 16 May 2018
@laveesingh I think still the feature requested by @AnandhaprabhuSp is not implemented.
I also want the same feature. I want to load the next two images from the current one which is in viewport. I didn't find any solution in the latest version 0.23.1
vaibhavi3t
on 21 Jun 2018
@AnandhaprabhuSp Did you switch to other library in order to be able to implement this feature?
bondom
on 28 Nov 2018
@bondom - Check this https://github.com/chidanandan/react-slick.git - Here it is working as expected.
AnandhaprabhuSp
on 18 Dec 2018
@laveesingh I think still the feature requested by @AnandhaprabhuSp is not implemented.
I also want the same feature. I want to load the next two images from the current one which is in viewport. I didn't find any solution in the latest version 0.23.1
@vaibhavi3t - Try this https://github.com/chidanandan/react-slick.git
AnandhaprabhuSp
on 18 Dec 2018
Is there anyway to preload the next 1 or even 2 images ?
idangozlan
on 14 Mar 2019
@idangozlan - Try this https://github.com/chidanandan/react-slick.git
AnandhaprabhuSp
on 25 Mar 2019
Related issues
amishPro
路
3Comments
PolGuixe
路
3Comments
ramyatrouny
路
3Comments
will88
路
3Comments
adamthewan
路
4Comments
Most helpful comment
@laveesingh I think still the feature requested by @AnandhaprabhuSp is not implemented.
I also want the same feature. I want to load the next two images from the current one which is in viewport. I didn't find any solution in the latest version 0.23.1