1

这是我在浏览器检查器中找到的图像的一部分，我想被 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 出现得太晚了。

4

1 回答 1

0

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

你的代码应该是...

$('.jqbga-web--image').waitForImages(true).done(function() {
    $('.jtpl-main').css('visibility', 'visible');
});
于 2018-02-16T09:26:31.583 回答