jquery 动态延迟载入图片一例，适用于图片较多的网站

sutter 2010-06-30 01:00:26

如题，案例：淘图画 http://www.taotuhua.com

...全文

215 4 打赏收藏转发到动态举报

写回复

4 条回复

切换为时间正序

请发表友善的回复…

发表回复

sutter 2010-06-30

打赏
举报

回复

分割成小块要用图片工具分割吧，现在是用可视区域动态加载图片

学习ing 2010-06-30

打赏
举报

回复

UP
倒是这个网站我看了半天、还找了个自己喜欢的手机

hoojo 2010-06-30

打赏
举报

回复

可以分割成一小块块的，然后一小块块的加载……

sutter 2010-06-30

打赏
举报

回复

看过的给点意见哈

基于 jQuery 的图片延迟加载插件，在用户滚动页面到图片之后才进行加载。对于有较多的图片的网页，使用图片延迟加载，能有效的提高页面加载速度。注意事项：需要真正实现图片延迟加载，必须将真实图片地址写在 data-original 属性中。若 src 与 data-original 相同，则只是一个特效而已，并不达到延迟加载的功能。版本：jQuery v1.4.4+jQ

;(function($){ $.fn.extend({ scrollLoad:function(options){ var options = $.extend({ src:'xsrc', //预加载在<img> 中的属性值如<img...

　　JavaScript文件的加载总是让人头疼的一件事情. 　　最近在从前端性能、SEO和可用性这些方面优化聚尚网，最开始的时候大家都发现网站首页刷新后需要等待一点点时间图片才会出来，让用户感觉图片的载入有明显的延迟，显然用户体验是不佳的。　　网站首页因为图片比较多，大概有180张，因此用了jquery的一个延时加载的插件，具体的说，网站中幻灯片那一栏以下的图片都是通过...

　　最近忙着给自己的博客优化，想把图片的显示改成延迟加载显示，也就是像很多网站那样，当前可视区域的图片加载实现，不可见的区域图片不加载，这样可以减少网络流量。我找到了Lazy Load 这个用 JavaScript 编写的 jQuery 插件，它可以延迟加载长页面中的图片。在浏览器可视区域外的图片不会被载入，直到用户将页面滚动到它们所在的位置，这与图片预加载的处理方式正好是相反的。　　...

好,首先让我们来看一下使用这个插件之后图片即时载入的效果图: 今天不经意间发现麦包包网有这个功能,因为他的网站首页很长,而且首页上很多个图片,如果不使用这个插件,那么我们打开他的首页时肯定要等半天之后打开网站的进度条才会结束,这是因为他的首页太多图片了,加载图片需要很久的时间,颇占网络频宽.他们使用了这个jquery插件就完美的解决了这个问题. 透过观察...

87,988

社区成员

224,683

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章