Lazy Load on Div

[davelf]

Hi, i have this new project that implement Lazy Load Jquery.
But i have a lot of image, and the .gif loader make my page look like a mess.
http://davejob.com/testing/

So if i want to attach it to <div> how to make it right?

I try this:

<script type="text/javascript" charset="utf-8">
	$(function() {
		$("div .loading").lazyload({
			effect : "fadeIn"
		});
	});
</script>

<div id="item2" class="item loading">
			<a name="item2"></a>
			<div class="content">
            <img src="images/loading.gif" data-original="images/img2.jpg"><img src="images/loading.gif" data-original="images/img5.jpg">
            <img src="images/loading.gif" data-original="images/img6.jpg"><img src="images/loading.gif" data-original="images/img6.jpg">
            <div style="position:absolute; z-index:90;"><a href="#item3" class="panel">3</a><a href="#item1" class="panel">back</a></div></div>
		</div>

but it don't work. Any suggestion?
Thank you

[jscheuer1]

There could also be other problems, but the meaning of this selector:

$("div .loading")

is - all elements with a class of loading that are direct or indirect descendants of a div element.

I think what you meant is:

$("div.loading")

which means - all div elements that have a class of loading.