图片地图新视图打开

我有一张图片地图，可以说从加拿大来的省份。徘徊在各省突出了省。我希望每个省都可以点击。一旦点击，一个新的窗口将被打开，从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（当悬停在照片上），但不是在鼠标悬停，但在一个点击，然后在该窗口中的功能。我已经看过很多的照片（小预览，onclick像一个画布打开，大和一个X按钮关闭窗口），但我不知道名称和网上找不到任何东西。

有没有人有提示？

来源

2014-10-06 Maccaroni

如果你打开一个新窗口，你将不得不传入一些东西，以便新窗口知道哪个省被点击。你可以通过在url上附加一个查询字符串来做到这一点，所以"Sample.html?province=Ontario"或类似这样的事情。然后，您的测验页可以抓取该查询参数并用它来填充测验。

如果您希望它成为页内解决方案，您将使用模式窗口或灯箱（两个名称几乎相同）。只要做一个JavaScript灯箱或搜索什么，你会发现很多选择。

来源

2014-10-06 19:52:10 idrumgood

啊！而已。一个灯箱。我搜索和搜索，但无法找到适合的名称。是的，我正在寻找一个页面解决方案！ – Maccaroni 2014-10-06 19:53:20

应该可以基本上将一个全新的页面放入灯箱（测验，HTML，CSS，JS和jQuery）吗？我对这种东西很陌生，不确定天气是否可能。 – Maccaroni 2014-10-06 19:56:01

是的，当然有可能。有很多不同的方法来做到这一点。两种主要方式：要么隐藏页面中的所有内容，要么显示用户点击的内容。或者将内容保存在单独的文件中，并在用户单击以将该内容加载到页面时发出ajax请求。 – idrumgood 2014-10-06 20:04:39

图片地图新视图打开

回答

相关问题