图片延时加载例子详解
来源:互联网 发布:ape整轨转分轨软件 编辑:程序博客网 时间:2024/05/18 00:33
有时候由于图片太大,我们需要一个友好的提示,提示用户图片正在加载中,那么以下通过引入jquery就能轻而易举的实现。
demo下载地址:http://download.csdn.net/download/tjcyjd/8475549
其中需要3个js:jquery.min1.7.1.js、jquery.lazyload.js、image.lazyload.js
代码如下:
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
- <html>
- <head>
- <title>图片延时加载</title>
- <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
- <meta http-equiv="description" content="this is my page">
- <meta http-equiv="content-type" content="text/html; charset=UTF-8">
- </head>
- <body>
- <div>
- <img src="images/loading.gif" data-original="http://img30.360buyimg.com/jgsq-productsoa/jfs/t568/102/535227364/127213/9f5d9502/547295bcN713b3d11.jpg">
- <img src="images/loading.gif" data-original="http://img30.360buyimg.com/jgsq-productsoa/jfs/t568/102/535227364/127213/9f5d9502/547295bcN713b3d11.jpg">
- </div>
- </body>
- <script language="javascript" src="js/jquery.min1.7.1.js"></script>
- <script language="javascript" src="js/jquery.lazyload.js"></script>
- <script language="javascript" src="js/image.lazyload.js"></script>
- </html>
效果图如下:
demo下载地址:http://download.csdn.net/download/tjcyjd/8475549
0 0
- 图片延时加载例子详解
- 图片延时加载例子详解
- 图片延时加载例子详解
- 图片延时加载例子详解
- TableView中用NSThread线程延时加载图片的例子
- 图片延时加载
- iOS延时加载图片
- 网页图片延时加载
- 图片延时加载
- Jquery 延时加载图片
- 网站图片延时加载
- 图片延时加载
- js 延时加载 内容 图片
- Android Textview 延时加载图片
- jquery实现图片延时加载
- jquery lazyload 图片延时加载
- js控制图片延时加载
- 图片的javascript延时加载
- hdu3278 Puzzle
- Debug版本的Dll可以正常工作,Release版本却提示找不到dll
- Activity 切换动画(小米图库列表进入详情页,图片从固定位置放大进入,缩小退出)
- (4.1.26)ContentProvider和Uri详解
- Mongo地理位置索引原理
- 图片延时加载例子详解
- (4.1.26.1)ContentProvider案例
- Java中equals和==的区别
- 关于计算机的伟大名言
- IntelliJ Idea的实用快捷功能
- Android开发(35) Android使用自定义AlertDialog(退出提示框)
- Virtualbox中Ubuntu14.04不能全屏的问题
- 面相对象和面向过程的区别
- jb 现代人总是越变越复杂,其实倒忘了只有最纯粹的才最犀利