Need a code of lazy load for div.

I think the guys have the perfect answers

1. For all DIVs of a page

$(function() {  $("div").lazyload({effect: 'fadeIn'});});

2. For a particular DIV having some ID like:

<div id="lazyload"> some content </div>

$(function() {  $("div#lazyload").lazyload({effect: 'fadeIn'});});

OR

$(function() {  $("#lazyload").lazyload({effect: 'fadeIn'});});

3. For a particular DIVs having some Class like:

<div class="lazyload"> some content </div>

$(function() {  $("div.lazyload").lazyload({effect: 'fadeIn'});});

OR

$(function() {  $(".lazyload").lazyload({effect: 'fadeIn'});});

4. These actions can also be performed on some trigger like Button Click, OnBlur etc

$(function() {

$("#button").click(function(){

   $(".lazyload").lazyload({effect: 'fadeIn'});

});  });

than you

i agree with Answer added by: Fadi

I just want to know how i can implement it in a zigzag menu which is define in DIV.

The link below should help you get your answer:

http://jquery.eisbehr.de/lazy/index.php?c=element

I agree with Muhammad answer, you can you use lazyload plugin :

http://www.appelsiini.net/projects/lazyload

Also check this link that gives you some articles about plugins for lazy loading :

http://jquery-plugins.net/tag/lazy-load