HTML图像映射和预加载图像
HTML图像映射和预加载图像
提问于 2009-09-22 20:50:39
我已经构建了一个相当大的老学校HTML图像地图。当您将鼠标移到一个区域标签上时，会加载另一个替换整个地图的图像。总共有30多个鼠标悬停的图像，为了避免加载的延迟，我使用jQuery预加载了它们。
Firebug Net面板显示所有图像都在页面加载中正常加载(尚未触发鼠标悬停)。现在，当我将鼠标移到某个区域时，firebug显示此图像正在被第二次请求。尽管我在firebug中清楚地看到文件名在更高的几行。
这是正常行为吗？预加载似乎起作用了..。但是鼠标悬停仍然会向服务器发送获取图像的请求，导致在图像交换之前有1-2秒的延迟。
这都是直接的html，不涉及AJAX。
Thx
Stack Overflow用户
发布于 2015-02-05 21:33:10
可以使一个图像链接到特定部分上特定图像中的几个页面。
这在Html中称为图像映射。
您只需指定图像的哪些区域应链接到何处。
在下面的示例中，如果您将鼠标放在左上角，它将链接到xyz.com ...在右下角...它链接到abc.com。
<img src="test.jpg" usemap = #example border=0>
<map name=example>
<area shape=Rect Coords=0,0,29,29 Href="http://www.example.com">
<area shape=Rect Coords=30,30,59,59 Href="http://www.example.com">
</map> 在上面的例子中，我们只使用了矩形图像映射。我们可以使用一些不同的形状，如圆形或三种可能的形状：
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/1462526
复制相关文章
相似问题
腾讯云开发者
