Question

每次我运行项目。页面不会加载背景图像，直到您刷新页面2-3次或点击浏览器的f12键。我也使用preload.js。

   <div class="fill-screen" style="background-image:url(../images/office.jpg); " data-src="images/office.jpg">

脚本：

$(function () {
var $this, src;

    $('img').each(function(){
        $this = $(this);
        src = $this.data('src');
        $this.attr('src', src);
    });

    $('div').preload(function(){
        $(this).show();
        });

        });

这就是css。

.fill-screen{
    background-size: cover;
    background-position: center;
    background-color:greenyellow;
}

我想知道我哪里出错了。我只是想在运行它时页面将加载所有内容。

Answer 1

您在共享的代码中没有任何img元素，但是您正在为div使用背景img。

您没有设置src值以更新示例中的图像，您需要使用网址覆盖背景图像的CSS。

尝试这样的事情。

$('.fill-screen').each(function () {
    var $this = $(this);
    var src = $this.data('src');
    $this.css('background-image', 'url(' + src +')');
});

div中的背景图像不会加载，直到你刷新它

1 个答案: