首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

页面图片读取有关问题

2012-06-12 
页面图片读取问题请问,有这么一个设计,页面中图片设计尺寸为1440*930像素。那么请问,对于这么一大张图片,我

页面图片读取问题
请问,有这么一个设计,页面中图片设计尺寸为1440*930像素。
那么请问,对于这么一大张图片,我是切一张大图好,还是数张小图,哪种页面读取更快?
解答最好请说明下原因,谢谢!

[解决办法]
当然是一张大图更快。要不然, css splitter技术是干什么的?
参见 google logo
https://www.google.com.hk/images/nav_logo107.png

当然,如果一张大图实在太大,要用户等很时间才能看到全图,确实是体验不太友好,
这种情况下可以加个loading...效果,
或者先加载一张缩略的小图来显示,同时提示一下大图正在加载,大图加载完之后再把隐藏小图,显示大图

HTML code
 <img src='small.jpg' id="smallimg"  /> <img id="largeimg" src="large.jpg"  style="display:none;" onload="showlarge()" />  </div>    <script type="text/javascript" >      function showlarge() {         // alert("large ok");          document.getElementById("smallimg").style.display = "none";          document.getElementById("largeimg").style.display = "block";            }  </script>
[解决办法]
http://www.mysqlops.com/2011/09/09/weibo-web-css.html
建议楼主去看看这篇文章

热点排行