如何判断此图片是否已加载

Question

我的页面上有这个代码：

<div class="titleCard" id="first" style="background-image:url('img/path.jpg'); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/path.jpg',sizingMethod='scale'); -ms-filter: \"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/path.jpg',sizingMethod='scale')\";">

如何在jquery中测试图像是否已加载？一旦完成加载，我希望在图像上方淡化标题。

这似乎与其他加载问题不同，因为.load（）函数在这里不起作用 - 图像没有id。称它为'#first'或'#first img'也行不通。我不想检查是否所有图像或加载，只是这一个。绑定加载功能似乎也不起作用。

Answer 1

您可以使用JS在内存中加载图像并在那里监听onload事件。您需要设置默认的不透明度，然后淡入onload事件。

var tmp = new Image();
tmp.onload = function() { ... };
tmp.src = "....";