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>

已经尝试过$（＆＃39; .jtpl-background-area＆＃39;），$（＆＃39; .jqbga-container＆＃39;）或$（＆＃39; .jtpl-background- area，.jqbga-container，.jqbga-web - image＆＃39;）但结果相同，它并没有“触发”。我认为它根本找不到该网址上的图片...（或者我做错了，因为我对这些东西不熟悉，可能是语法错误）？

我现在要做什么，让它认识到图像是网址/背景图像？知道我做错了吗？

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

waitForImages for background-image

1 个答案: