我网页里要用jQuery插件展示N张较大的图片,为了优化浏览的流畅度,我希望能先加载前两张,等页面下载完再
3个回答
展开全部
你没给出引用图片的代码,没办法弄个成品给你。只能讲下原理:
可以考虑前两张图片直接加载,剩下的这些不要用style.display=none,
而是轮到要显示指定的图片时再在图片容器(比如div节点里)添加<img src="图片url" />
如果使用的是背景图片显示的话,也不要一开始就设置背景样式,轮到显示的才设置。
这样的话,可以尽极大程度减少加载时间!
另外,从第二次循环时,可以使用style.display的none或block来设置了。
反正就是一开始尽量避免加载余下的图片!轮到了再加载!
不过考虑到你可能是整个页面载入多个图片的情况,这里再说下:这种情况,建议使用异步加载吧,网上搜索下“图片异步加载”即可
可以考虑前两张图片直接加载,剩下的这些不要用style.display=none,
而是轮到要显示指定的图片时再在图片容器(比如div节点里)添加<img src="图片url" />
如果使用的是背景图片显示的话,也不要一开始就设置背景样式,轮到显示的才设置。
这样的话,可以尽极大程度减少加载时间!
另外,从第二次循环时,可以使用style.display的none或block来设置了。
反正就是一开始尽量避免加载余下的图片!轮到了再加载!
不过考虑到你可能是整个页面载入多个图片的情况,这里再说下:这种情况,建议使用异步加载吧,网上搜索下“图片异步加载”即可
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询