html首页 如何解决banner大图加载太慢的问题？
banner 无缝轮播，想要在页面加载的时候先加载第一张图，等轮播到第二张图片的时候第二张图片再加载出来 ，如何实现？
展开
收起
1
条回答
写回答
写回答
-
IT从业；我是这样实现的：
1，轮播第一张改用base64加入首页html流，页面加载完毕后（第二屏懒加载；所以，加载完毕基本等于第一屏所有组件、图片加载完毕）；
2，延时触发轮播（延时是基于集群的相应时间自动调整的），
3，轮播的第一步是异步加载轮播图片；预加载下一图放入local.storage；
4，第二图加载完毕，触发定时器动画；触发第三图加载放入local.storage；
5，.......循环；
N，发现local.storage中的第一图，绕过加载，直接触发延时动画；项目使用了anguler加载图片也是ng-src实现了；原生JS请使用其他属性值替换src，js取属性值赋值src；也可以使用$("");这种方式加载；
2019-07-17 19:28:27赞同 展开评论 打赏
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
相关问答
问答排行榜
最热
最新
相关课程
更多
推荐问答
