惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

H
Help Net Security
J
Java Code Geeks
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
H
Hackread – Cybersecurity News, Data Breaches, AI and More
V
Visual Studio Blog
G
Google Developers Blog
V
V2EX
The Register - Security
The Register - Security
博客园 - 三生石上(FineUI控件)
云风的 BLOG
云风的 BLOG
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
CTFtime.org: upcoming CTF events
CTFtime.org: upcoming CTF events
博客园_首页
S
SegmentFault 最新的问题
博客园 - Franky
Martin Fowler
Martin Fowler
Stack Overflow Blog
Stack Overflow Blog
A
About on SuperTechFans
人人都是产品经理
人人都是产品经理
aimingoo的专栏
aimingoo的专栏
罗磊的独立博客
C
Check Point Blog
MyScale Blog
MyScale Blog
T
The Blog of Author Tim Ferriss
MongoDB | Blog
MongoDB | Blog
The GitHub Blog
The GitHub Blog
Last Week in AI
Last Week in AI
Microsoft Azure Blog
Microsoft Azure Blog
IT之家
IT之家
F
Fortinet All Blogs
Jina AI
Jina AI
P
Proofpoint News Feed
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
阮一峰的网络日志
阮一峰的网络日志
B
Blog
L
LangChain Blog
月光博客
月光博客
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
宝玉的分享
宝玉的分享
博客园 - 【当耐特】
T
Tailwind CSS Blog
酷 壳 – CoolShell
酷 壳 – CoolShell
Microsoft Security Blog
Microsoft Security Blog
WordPress大学
WordPress大学
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
B
Blog RSS Feed
博客园 - 聂微东
Hugging Face - Blog
Hugging Face - Blog
M
MIT News - Artificial intelligence
GbyAI
GbyAI

博客园 - 灵动生活

重磅出击!!春季小程序活动大作战,看我怎么玩?? 如何在C#项目中使用NHibernate 面向对象之六大设计原则 微信小程序基于腾讯云对象存储的图片上传 外卖小程序对接飞鹅小票打印的实现 微信小程序大型系统架构中应用Redis缓存要点 微信小程序如何实现自动退款功能? 从“跳一跳”来看微信小程序的未来 为你揭露2018微信公开课pro的12个重点 酷客多小程序受邀参加 中国县域连锁药店发展峰会 促进客户转化,提高客单价!酷客多小程序发布版本V1.0.9! 重磅消息:微信小程序支持长按二维码进入 「酷客多」关注:马化腾公开演讲,透露2017年春节前会推出“小程序” 微信小程序购物商城系统开发系列-目录结构 微信小程序购物商城系统开发系列-工具篇 上海闪酷成为京东商城第一批独立软件开发商(ISV) 创业邦杂志报道上海闪酷:传统企业进军电商,IT系统问题怎么解决?这家企业或许可以帮到你 Fatal error: Call to undefined function session_start() TFS2010合并与分支(Branch and Merge)
asp.net Jquery图片延迟加载
灵动生活 · 2011-08-12 · via 博客园 - 灵动生活

在电子商务网站中,由于网站图片请求数过多,导致首页加载速度较慢,通过图片延迟加载机制,让用户访问页面的时候,只加载当前屏幕所见内容的图片,从而减少用户请求数量,提升用户体验。

 使用步骤:

1.引入Jquery类库和延迟加载类库:https://files.cnblogs.com/ywqu/Jquery%E5%BB%B6%E8%BF%9F%E5%8A%A0%E8%BD%BD.rar

2.首先给图片img加属性original,并对其赋值为图片路径

3.在页面加以下代码

    <script language="javascript" type="text/javascript">
        $(
function () {
            $(
"img[original]").lazyload({
                placeholder: 
"../Images/Default/grey.gif",
                effect: 
"fadeIn"
            });
        });
</script>

4.最终效果