0

我有一个像这样的 javascript/jquery 变量：

var divs='<div><img src="link1"></div><div><img src="link2"></div><div><img src="link3"></div>'

最后div，我使用其他一些 jquery 库将这些 s 插入到我的容器中。但我想在将它们插入容器之前加载这些图像。

因为我希望它在附加之前进行检查，所以 jquery.load在这里不起作用。

$('.img')
    .load(function(){
        $('#result1').text('Image is loaded!'); 
    })
    .error(function(){
        $('#result1').text('Image is not loaded!');
    });

那么我还有哪些其他选择？

4

3 回答 3

0

在页面中的某个位置预加载图像并使其隐藏。现在它会立即加载，不会延迟......

片段-EX：

<html>
<body>
<!-- your code -->

<img src="link1" style="visibility:hidden"/>
</body>
</html>
于 2013-03-08T03:46:24.360 回答
0

查看onImagesLoad 插件。

于 2013-03-08T03:27:53.643 回答
0

你应该尝试：

$('img')
    .load(function(){
        $('#result1').text('Image is loaded!'); 
    })
    .error(function(){
        $('#result1').text('Image is not loaded!');
    });

$('.img')选择器所有元素都有类，名称为：'img'。

$('img')选择器所有<img> </img>元素

于 2013-03-08T03:41:38.160 回答