Javascript 使用imagemap单击即可更改图像

我尝试多次使用一个图像贴图。这个想法是，你有一个图像地图的图片。你点击一个区域（图像地图上有一个突出显示），按一，图片就会改变。新图片使用与原始图片相同的图像贴图（只有图像中的颜色会发生变化）。 我正在尝试做与此链接完全相同的事情）

函数changeImage（）{
//var temp=document.getElementById（'area1'）；
image1.src=“ch01ch12.png”；
}

$（文档）.ready（函数（）{$（'#区域1'）。单击（函数（）{$（“#图像1”）.show（）}）；$（函数（）{$（'#区域1'）。单击（函数（）{$（“#图像1”）.attr（'src'，'ch01ch12.png'）`$（“#图像1”）.parent（）.css（'background image'，'url（ch01ch12.png）”；返回false；）；更新问题以获取其他代码请发布与您的问题相关的JavaScript/jQuery、CSS和HTML。使用以下任何或所有服务创建演示：、、或片段（位于文本编辑器工具栏上的第7个图标或CTRL+M）。请确保您还包括您正在使用的实际图像，否则我们将如何测试没有真实图像的图像映射？感谢您帮助我添加代码。我仍然不知道如何添加所需的图像images@Mitali您应该将每张图片上传到imgur.com或其他图片托管网站。然后使用url（例如

http://imgur.com/path/to/img.png

）而不是代码中的目录路径。