我有一个网页,我想在其中切换div的背景图像,以响应用户交互。到目前为止,我所拥有的是:
function updateImg() {
imgurl=buildImgURL(); // constructs a URL based on various form values
$('#mainImage').css("background-image", "url("+imgurl+")");
}
这就是我想要的效果,除了一件事。由于相对较大的背景图像和相对较慢的服务器(这两者都不容易修复)的组合,图像需要一段时间才
我想从背景加载4个图像显示加载条给客户端
当图像将被下载时,我想将它们设置为4个div块的背景图像。
我在找这样的东西。
var myImages = new Array();
for(var i = 0; i < 4; i++)
myImages[i] = new Image();
//load images using the src attribute
//and execute an on load event function where to do something like this.
var div0 = document.getElementById('
当用户滚动到div的末尾时,我正在更改div的背景。因为它是一个固定的背景,所以我不是使用HTML <img>标记,而是使用CSS background-image:。使用下面的JavaScript函数,它在需要时成功地更改了背景,并在用户回滚回顶部时恢复。
function transimg(divid,imgurl1,imgurl2) {
$(window).scroll(function(){
var st = $(this).scrollTop();
var dist = $(divid).offset().top - 50;