lazy load of images using jquery
<p>our site has few pages where many images shown. over the slow internet page load long time to load fully along with images. i search google for having jquery solution which will download image on demand when user scroll down the page. i found a jquery library called <strong>lazyload</strong> the url is <a href="http://www.appelsiini.net/projects/lazyload" rel="nofollow">http://www.appelsiini.net/projects/lazyload</a></p>

<p>this plugin is good but my page content along with images populated from database. database content is inserted from a html editor. i read the <strong>lazyload</strong> and found that</p>

<p>1) <code>&lt;img class="lazy" src="img/grey.gif" data-original="img/example.jpg" &gt;</code></p>

<p>image src will has different images and actual image path will be written to data-original property which is not possible for my page because i said that my page content is developed by html editor.
so i need help that how to customize the library as a result my image tag will be as is like normal image tag like <code>&lt;img class="lazy" src="img/example.jpg" &gt;</code> but it still work. if it is not possible by this library then suggest me any other libary which will download only those images which are in browser viewport. i am trying to say that my image tag will be <code>&lt;img class="lazy" src="img/example.jpg" &gt;</code> but library will download only those images which are in browser viewport. please help. or give me any sample code by which few images will downloaded and rest will download when user scroll down. thanks.</p>
