图像映射新窗口打开

Image map new window open

本文关键字：窗口 映射 新窗口 图像      更新时间：2023-09-26

我有一张图片地图，比方说来自加拿大及其省份。在各省上空盘旋，突显该省。我希望每个省份都可以点击。点击后，将打开一个新窗口，运行JS、jQuery、HTML和CSS构建的关于点击省份的测验。

图像地图和突出显示有效，测验也有效。我很难把他们两个组合在一起。我不想要这样的东西。

<area shape="poly" coords="0,161,4,161,4,162,12,162,12,163,19,163,26,165,34,166,45,168,52,170,62,174,73,177,82,180,91,184,103,188,112,192,122,196,133,202,142,207,152,212,162,216,172,221,180,224,186,227,193,230,197,233,0,233,0,161" id="helecho" href="javascript:winOpen()" alt="helecho" onMouseOver="resaltarHelecho()" onMouseOut="originalJuego()">
//js function
function winOpen(){
window.open("Sample.htm",null,"height=400,width=400,status=yes,toolbar=no,menubar=no,location=no");
}

这将创建一个具有新URL的页面。我想打开一块画布之类的东西，在那里我可以插入我的测验。像这样的http://www.photocase.com/photobrowser.asp（当鼠标悬停在照片上时），但不是鼠标悬停，而是单击，然后在该窗口中使用功能。我在照片中经常看到这种情况（小预览，点击一个类似画布的东西，打开时照片是大的，用x按钮关闭窗口），但我不知道名字，也无法在网上找到任何东西。

有人有提示吗？

如果你要打开一个新窗口，你必须输入一些东西，这样新窗口才能知道点击了哪个省份。您可以通过将查询字符串附加到url来实现这一点，因此"Sample.html?province=Ontario"或类似的设计。然后，您的测验页面可以获取该查询参数，并使用它来填充测验。

如果你想让它成为一个页面内的解决方案，你可以使用一个模态窗口或灯箱（两个名称几乎是同一个名称）。只需搜索javascript灯箱之类的东西，你就会发现很多选项。

相关文章：