1

我想为我的网站加载正文背景图片。它非常大，因此加载我的页面需要很长时间。所以我想在页面完全加载后加载正文背景图像。

我尝试了javascript window.onload，但没有帮助。

4

4 回答 4

6

如果你使用 jQuery，你可以这样做（http://api.jquery.com/ready/）：

JS：

$(document).ready(function() {
    $('body').addClass('large-background');
});

CSS：

.large-background {
    background: url('../img/large-image.jpg') no-repeat;
}
于 2013-04-20T16:27:51.363 回答
1

尝试这样的事情 - 首先从图像中删除 src 属性：

$(function() {
   $('img#bg').attr('src', 'images/myImage.jpg');
});
于 2013-04-20T16:27:14.383 回答
0

将正文背景放在页面末尾的样式标记中。

<style type='text/css'>body{background-image:url("/images/bgimage.gif")}</style>
于 2018-02-09T10:29:01.460 回答
0

我用 Jquery 为我的轮播制作了一个脚本：

  1. 计算所有具有类 [classname] 的 div

  2. 获取每个div data-src

  3. 为每个 div 设置 - 样式（背景）

    $(document).ready(function(){
   var numBackground = $('.main-view-carosel').length /*amount of divs with 
   class*/
   console.log(numBackground);/*view the lenth*/

    setTimeout(function(){ /*set time out if needs to see ho it works*/

       for (let i = 0; i < numBackground; i++ ){ /*set the maximal [i] 
          amount of existing elements*/
          var elements = document.getElementsByClassName('main-view- 
          carosel');//get el with needed classname
          var requiredElement = elements[i]; /*get first one, second, third, 
          etc [i]*/
          var image = $(requiredElement).attr("data-src")/*get this div 
          data-src*/
          console.log(image);/*view in console this data-src*/
          requiredElement.style.backgroundImage = "url(" + image + ")";/*set 
          background for current div*/
       }
    }, 100);
});
于 2021-10-27T21:46:07.503 回答