很像知道这种平缓出现图片的效果是如何做的

很像知道这种平缓出现图片的效果是怎么做的
http://down.chinaz.com/class/55_1.htm
上面的网站中图片只有在出现的时候才加载显示出来的效果是平滑过渡

怎么实现？

另外从效率方面直接显示效率高还是这种方式效率高

——解决方案——————–
这个是图片延时加载的效果，避免页面初始加载时过多的http连接请求而导致页面加载缓慢。

楼主搜下 lazyload
——解决方案——————–
就这个网站来说，默认img标签都是grep.jpg这个图片，一个灰色底片，由于一开始进入页面都是这一个URL，所以下载一次缓存了就省流量了。

其他的都是scroll事件滚动触发的，作者把标签里加了个original属性记录真实的图片URL本@文来源[email protected]搞@^&代*@码网(搞代gaodaima码，当图片滚到视野中就把original设置给src，于是开始下载图片了。

楼主可以把代码直接拿走看看，都是jq写的，网上js代码很多，不复杂。它只是每次滚动遍历某个class的标签，看看它们是否在屏幕内罢了，在就换一下src。

http://down.chinaz.com/js/imgload.js 这个网站的lazyload JS
——解决方案——————–
很炫的效果，但是，似乎我不知道该如何具体地应用，JS下载下来了，多的可怕！唉。。。希望楼上详细说下

搞代码网（gaodaima.com）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]‍，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：很像知道这种平缓出现图片的效果是如何做的