刚学JQUERY，在一个DIV内显示个比较大的背景图片和文字说明。想先等背景图片全部显示全了，在显示文字说明。其中loading_32.gif是等待图片，等待chanpin8.jpg全部加载完，替换成chanpin8.jpg。也可以换成其他的等待方式。给段JQUERY代码，谢谢。
<script type="text/javascript">
$(document).ready(function(){
$("mainBg").css("background-image","url(images/chanpin8.jpg)");
???
???
});
</script>
<div class="main" id="mainBg" style="background-image:url(images/loading_32.gif);background-repeat:no-repeat;background-position:center;">
<div id="pshow" class="pshow">
<p id="ptitle" style="font-size:20px;weight:700;width:auto;height:auto;display:none;">产品展示：</a></p>
<p id="pintro" style="padding:2px 2px; display:none;width:400px;"></p>
</div>
</div>
------解决方案--------------------
$(document).ready(function () {
$('<img/>').bind('load', function () {alert('loading')
$("#mainBg").css("background-image", "url(images/chanpin8.jpg)");
}).attr('src', 'images/chanpin8.jpg');
});