#circle loading

[sekhondandc]

Loading Circle | HTML CSS | Sekhon Design & Code

[htmluse]

New Post has been published on Html Use

New Post has been published on http://www.htmluse.com/lazy-delayed-image-loading-plugin/

Lazy - Delayed image loading plugin

Download   Demo

Demos

basic usage

bottom-to-top scroll

delayed loading

combine basic & delayed loading

show a loading image

disabled javascript fallback

prevent broken images

throttle demonstration

use other attributes

load images by events

callback functions

make use of effects

full feature call

use other html tags

images inside a container

The Lazy plugin for jQuery load specified images after the page load itself and speed up your loading time through this. Images outside of the visible area will only get loaded when the user scrolls to them. This will not only increase the page loading speed, it will even decrease your traffic.

Lazy will work with a wide range of browsers and support jQuery versions for years backwards. You can pick any version since jQuery 1.3.0 or greater.

  1. INCLUDE JS FILES

<script type="text/javascript" src="../jquery.min.js"></script> <script type="text/javascript" src="../jquery.lazy.min.js"></script>

2. HTML

you need to add a ‘data-src’ attribute to those images you want to load delayed and insert the image path you want to load over Lazy

<img class="lazy" data-src="path_to/image.jpg" src="" />

3. JAVASCRIPT

// javascript code jQuery(document).ready(function() jQuery("img.lazy").lazy(); );

[angels-that-fell-blog]