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

标签 javascript html css image

您好,我正在尝试在加载实际图像之前加载 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');
}

最佳答案

也许你应该使用

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

??

更新:

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

关于javascript - 在从 css 加载其他图像之前加载 gif 图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27143752/

相关文章:

javascript - 检查数组的更多元素是否具有相同的 key 值,是否删除了一个?

javascript - JQuery Each 不等待内部函数完成

javascript - 可以在多嵌套 css 菜单中突出显示路径吗?

html - 字体、背景和页脚有问题

javascript - 带视口(viewport)的 HTML5 等距 Canvas - 性能非常差

html - 按钮堆叠在一起?

html - 给定一段文本,如何使一行垂直居中。但是增长到支持 2 行文本?

javascript - 使用纯 JavaScript 折叠树表

javascript - CSS 中的滑动门动画,如 Twitter 通知

javascript - jquery 在悬停时显示隐藏 div 并保持可见性直到鼠标移出