waitForImages用于背景图像

Question

这是我在浏览器检查器中找到的图像的一部分，我想得到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-image'）但结果相同，它不会“开火”。我认为它根本找不到该网址上的图片...（或者我做错了，因为我对这些东西不熟悉，可能是语法错误）？

我现在要做什么，让它认识到图像是url / background-image？知道我做错了吗？

$('.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});
//});

工作 - 但bakgrounds突然冒出来。

Answer 1

根据documentation，您需要为插件启用一个选项来扫描CSS属性中的图像。

你的代码应该......

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