NOTICE

Adfly Links not working Find Direct Links HERE

Lazy load/Scroll to load jQuery tool for images.

In lazy load the whole content is not loaded in a single go. But loads as we scroll down. So that it takes less time while loading contents of a page with heavy text text and images. we can aply lazy load in various type of content to make loading fast, efficient and convinient for users. As you can see in Demo the content is loaded as we scroll down.






 HTML CODE
<li class="friend"><pre class="loadme"><!-- <div class="friend_rec"> LAZY CONTENT HERE LAZY CONTENT HERE  </div> --></pre></li>
<li class="friend"><pre class="loadme"><!-- <div class="friend_rec"> LAZY CONTENT HERE LAZY CONTENT HERE </div> --></pre></li>
<li class="friend"><pre class="loadme"><!-- <div class="friend_rec"> LAZY CONTENT HERE LAZY CONTENT HERE </div> --></pre></li>


jQuery CODE
<script type='text/javascript' src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>    
<script type='text/javascript' src="http://ivorycity.com/jquery.lazyloader.js"></script>
<script>
$(document).ready( function()
   {
    $('pre.loadme').lazyLoad();
    $('pre.morestuff').lazyLoad();
} );
<script>

CSS
  li {
   list-style-type: none;
   float: left;
   clear: both;
            margin: 8px;
   width: 70%;
  }

2 comments :

  1. My partner and I absolutely love your blog and find a
    lot of your post's to be just what I'm looking for.
    Do you offer guest writers to write content to suit your
    needs? I wouldn't mind creating a post or elaborating on many of the subjects you write concerning here. Again, awesome weblog!

    My web blog - http://doctor.dp.ua/index.php?do=/blog/5035/tips-for-effectively-enhancing-your-credit-score/
    Feel free to surf my web blog : just click the following internet page

    ReplyDelete
  2. whoah this weblog is magnificent i really like
    studying your posts. Keep up the good work! You already know, many
    persons are searching around for this information, you can help them
    greatly.
    Here is my web blog ; how to make money

    ReplyDelete

Feel free to leave comment if you like above widget, have any questions or just say Hi! :)