首页 新闻 赞助 找找看

网页图片加载的问题

0
悬赏园豆:100 [已解决问题] 解决于 2012-05-16 14:31

 在网页背景中使用了 几张比较精致的图片,图片尺寸1920X900,图片大小282KB,一共八张图片。在网络比较慢的时候 图片经常只出现了一半,请问怎么解决

天涯一贱的主页 天涯一贱 | 初学一级 | 园豆:133
提问于:2012-05-16 11:17
< >
分享
最佳答案
0

这个没办法解决。282K虽然有点大,但在现在的网络带宽来说,应该也是能承受的范围。

或者你通过脚本来控制:

1——

先设置背景图片为一个粗糙的图片,这样可以让图片文件的大小大大减小,先解决燃眉之急。

2——

在页面加载中,使用预加载方案,把目标精致的图片都逐一加载

3——

当目标图片加载后,对UI切换背景图。

收获园豆:90
无之无 | 大侠五级 |园豆:5095 | 2012-05-16 11:23

恩 你的方式 可以考虑下 怎么去实现,但我的要求好象在

http://themes.themegoods.com/rhea_wp/

这个网站看到他们是可以实现的

天涯一贱 | 园豆:133 (初学一级) | 2012-05-16 11:41

@天涯一贱: 看了下这个页面,没细分析,这个背景图片有渐变效果,我想不会是通过设置background-image来实现的,而是通过div的分层机制,设定一个DIV层为背景层,再对这个DIV的内容设置一个IMG来处理。

无之无 | 园豆:5095 (大侠五级) | 2012-05-16 12:14

@天涯一贱: 确实是DIV分层后在背景DIV中放置img实现的,因为可以选择。

无之无 | 园豆:5095 (大侠五级) | 2012-05-16 12:15

@笨笨蜗牛: 谢谢你了 我先去测试下,看行不行,晚点在给你分

天涯一贱 | 园豆:133 (初学一级) | 2012-05-16 13:44
其他回答(1)
0

优化,异步,缓存加载。图片存在本地。

收获园豆:10
悟行 | 园豆:12559 (专家六级) | 2012-05-16 11:27

缓存加载。图片存在本地

浏览器自带就有缓存,主要就是图片在第一次 加载的时候 就显示一半,那怕图片已经存在了本地

http://themes.themegoods.com/rhea_wp/ 

这个网站 就是不管网络多慢 他都可以慢慢的显示出来

支持(0) 反对(0) 天涯一贱 | 园豆:133 (初学一级) | 2012-05-16 11:39
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册