Lazy-Load-Images-without-jQuery - 源码 - 源码 - 免费下载

Lazy-Load-Images-without-jQuery

文件大小： unknow

源码售价： 5 个金币积分规则积分充值

资源说明：Lazy load your images without the overhead of a library. IE7+, FF, Chrome.

# About

Lazy load your images without the overhead of a framework. Optionally, send mobile-optimized images to smaller screens. Tested on IE7+, Firefox, Chrome, Safari, iOS.

Based on code from [Mike Pulaski](http://www.mikepulaski.com/code/2012/06/29/lazy-load-images-without-external-libraries/).

# Usage

1) Include `lazyload.min.js` or inline it.

2) Add `.lazy-load` and `data-src` to each of your `` tags. Optionally add `data-src-mobile`, a placeholder src, and a fallback image.

```html


```

3) Add CSS3 magic for an animated fade-in:

```css
.lazy-load, .lazy-loaded {
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -ms-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
  opacity: 0;
}

.lazy-loaded { opacity: 1; }
```

# Demo

http://kaizau.github.com/Lazy-Load-Images-without-jQuery/

部分文件列表（点击文件名可查看文件内容）

					
									本源码包内暂不包含可直接显示的源代码文件，请下载源码包。