日期:2014-05-16  浏览次数:20421 次

求段JQUERY加载背景图片的源代码
本帖最后由 dawsons 于 2013-08-13 11:56:27 编辑
刚学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');

    });