背景图像的Waitforimages

Question

这是我在浏览器Inspector中找到的图像的一部分，我想通过Waitforimages认可：

<div class="jtpl-background-area jqbga-container jqbga-web--image" background-area="" style="background-image: url('https://image.jimcdn.com/app/cms/image/transf/dimension=767x/path/s4354a59fbfee63e4/backgroundarea/ibb91266a7f033fa3/version/1529172695/image.jpg');background-position: 54.0833% 41.0025%;"></div>

已经使用$('。'。jtpl-background-area'(，$('。jqbga-container'(或$('。jtpl-background-area，.jqbga-container，.jqbga-web-----图像'(，但结果相同，它不会"射击"。我认为它根本找不到该网址上的图片...(或者我对这些东西的新手做错了，也许是语法错误(？

我现在该怎么做才能使它认识到图像是URL/背景图像？知道我做错了什么？

$('.jtpl-background-area').waitForImages(true).done(function() {
    $('.jtpl-background-area').css('-webkit-animation', 'fadein 4s');
});

或

$(".jtpl-background-area jqbga-container jqbga-web-image").waitForImages(true).done(function() {
    $('.jtpl-background-area').velocity({ opacity: 1 },{ duration: 4000});
});

不起作用。该页面正在加载 - 但根本没有背景图像。

//        $(window).on('load', function() {
//        $(".jtpl-background-area").velocity({ opacity: 1 },{ duration: 3000});
//});

有效 - 但贝克格格里德弹出太晚了。

Answer 1

根据文档，您需要启用插件的选项，以扫描CSS属性中的图像。

您的代码应该是...

$('.jqbga-web--image').waitForImages(true).done(function() {
    $('.jtpl-main').css('visibility', 'visible');
});