已加载的图像已更改

时间:2013-05-15 13:13:05

标签: image dom background-image

我有一个网页,其中包含n个包含不同图像的小div,以及一个没有图像的较大图片。

所有较小的div都设置了这样的背景:background-image:url(image1.jpg)等等。

当点击每个div时,我想用点击的较小div的背景图像设置较大的div,我使用以下代码:

$("#largediv").css({
  'background-image': $(this).css('background-image')
});

或者,我使用它:

$("#largediv").css({
  'background-image': "url(image1.jpg)" //I always have access to the id anyway.
});

现在,这两个代码都运行完美,问题如下,因为:我觉得每次发出这些命令时,浏览器都会向服务器发送HTTP请求,即使它没有下载就像它检查图像仍在线一样。我通过在页面完全加载后禁用wifi来发现这一点:点击不再更改较大div上的图像。

任何人都可以解释为什么,如果有解决这个问题的工作,或者这只是我的问题?而且,考虑到图像应该已经加载到页面中,所提供的两个代码中哪一个更好用?

提前致谢

0 个答案:

没有答案