简单问题:预加载图像时是否需要指定“图像”的宽度和高度?

时间:2010-10-28 15:10:27

标签: javascript html css image browser

我有这段代码:

if (document.images)
    {
      preload_image = new Image(25,25); 
      preload_image.src="http://mydomain.com/image.gif"; 
    }

首先,这适用于所有主流浏览器吗?

其次,我是否需要像代码一样指定宽度和高度?

最后,这会预先加载我的图片并缓存它们吗?

由于

3 个答案:

答案 0 :(得分:1)

它适用于所有主流浏览器。您不必像在那里那样指定尺寸,只需指定源('src')。

以下是未给出尺寸的示例,它可以正常工作:http://www.yourhtmlsource.com/images/rollovers.html

答案 1 :(得分:1)

是的,这会预先加载图片,不需要指定大小,因为新的Image()应该足够了。

从代码片段中删除的主要内容是实际的.src分配,因为这会导致大多数现代浏览器获取文件,即使它没有在页面上主动显示。

希望这有帮助,

克里斯

答案 2 :(得分:0)

如果您希望预加载适用于所有浏览器,则需要使用正高度和宽度(最小值为1x1)。
您可以稍后使用css或img属性重置图像的大小。