在浏览网页其中的图片不知道大家注没注意到,如果当前浏览器窗口还没有展现剩余图片时,向下拖动滚动条图片才加载显示。不知道这是浏览器版本的问题还是运用到什么特殊的加载技术呢?
特别是淘宝网在搜索商品时,当页面(图片和文字,网页左下角显示“完成”的时候)已经加载完,这个时候如果你想继续查看其他商品拖动滚动条之前没有展现的图片才开始加载显示,请问这种方式是如何实现的?还是说高版本的浏览器自带这种预览效果?谢谢!
煜诚海参专卖 淘宝店铺:http://jinweb.taobao.com
这个是用JS实现的,你也可以使用JQUERY实现,
jQuery滚动加载插件scrollLoading
DEMO地址 :http://www.zhangxinxu.com/wordpress/?p=1259
http://blog.csdn.net/zx13525079024
无非就是获取滚动区域是否在当前图片可见区域
然后给<img source="src" src="Loading.Gif" />
替换src为source即可