我有一个网页,其中包含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上的图像。
任何人都可以解释为什么,如果有解决这个问题的工作,或者这只是我的问题?而且,考虑到图像应该已经加载到页面中,所提供的两个代码中哪一个更好用?
提前致谢