页面图片读取有关问题
日期：2014-05-17 浏览次数：20709 次
页面图片读取问题
请问，有这么一个设计，页面中图片设计尺寸为1440*930像素。
那么请问，对于这么一大张图片，我是切一张大图好，还是数张小图，哪种页面读取更快？
解答最好请说明下原因，谢谢！
------解决方案--------------------
当然是一张大图更快。要不然， css splitter技术是干什么的？
参见 google logo
https://www.google.com.hk/images/nav_logo107.png
当然，如果一张大图实在太大，要用户等很时间才能看到全图，确实是体验不太友好，
这种情况下可以加个loading...效果，
或者先加载一张缩略的小图来显示，同时提示一下大图正在加载，大图加载完之后再把隐藏小图，显示大图
例
请问，有这么一个设计，页面中图片设计尺寸为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
建议楼主去看看这篇文章
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
