javascript - 在从 css 加载其他图像之前加载 gif 图像

Question

您好，我正在尝试在加载实际图像之前加载 gif 图像。为此我有一个很好的例子

示例:

Java 脚本

function loadimage(imgsrc, change){
var loadimage = new Image();
loadimage.onload = changesrc(imgsrc, change);
loadimage.src = imgsrc;
}

function changesrc(imgsrc, change) {
change.src=imgsrc;
}

HTML

<img onload="loadimage('http://upload.wikimedia.org/wikipedia/commons/4/49/Swiss_Jungfrau_mountains.jpg',this);" src="http://jimpunk.net/Loading/wp-content/uploads/loading2.gif">

此代码从 HTML 页面加载实际图像，但我想从 CSS 页面而不是 html 页面加载图像。我正在使用像

这样的 CSS 代码

.class_name{
background: url('../images/image.jpg');
}

Answer 1

也许你应该使用

var imgsrc = $jqueryObject.css('backgroundImage');

??

更新:

这是 jsFiddle 代码:http://jsfiddle.net/cc4ytbeq/2/