wyntau / Me Lazyload
image lazyload directive for angular
Stars: ✭ 89
Programming Languages
javascript
184084 projects - #8 most used programming language
me-lazyload
Images lazyload directive for angular.
Demo
Demo Site: http://treri.github.io/me-lazyload
Basic Usage
-
include me-lazyload.js as dependence.
var app = angular.module('myApp', ['me-lazyload']) -
instead
srcwithlazy-src.<img lazy-src="{{imgUrl}}" alt="" /> -
All Done!
Optional Parameters
Additional parameters can be added, example:
<img lazy-src="{{imgUrl}}" animate-visible="true" animate-speed="0.5s" alt="" />
The following is a list of all the additional parameters:
| Paramater | Remark | Value (Example) | Default Value |
|---|---|---|---|
animate-visible |
If set true, all images (include those initially visible) will be animated. Please note that by default initial visible images will be displayed immediately without fading | "true" | "false" |
animate-speed |
The speed of the animation in seconds or milliseconds | "0.5s" | "1s" |
License
MIT
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].