可点击的视差图像

问题描述:

我想要做的是创建菜单,而不是链接,一个可点击的图像。但是,这些图像是视差层。我应该如何处理这个问题?应该将可点击的图片放在单独的图层上吗?可点击的视差图像

这是我将要使用的图像。我希望背景中的那座塔将你带到画廊,但同时,如上所述,该层将是视差。

enter image description here

任何想法?

+0

而且,同样的效果可以在此可见网站: http://www.madwell.com/ – Filip5

+0

这是一个网页?你会用什么前端框架?我认为“java”标记是错误的 – Oneiros

+0

不知道如何解决这个问题。任何可以工作的东西现在对我都有好处。是的,它将成为网页 – Filip5

如果您创建一个包含绝对定位链接作为导航形式的单独视差图层,这可能是一个好主意。如果严格想某些区域的图像的链接上的地图,你可能想使用一个标签作为在这个例子中,从here采取:

<img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap"> 

<map name="planetmap"> 
    <area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun"> 
    <area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury"> 
    <area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus"> 
</map> 

形状定义了每个可点击区域的区域类型,COORDS定义所述区域的边界;如果所述区域被点击,href属性定义页面导航的位置。

要使用非基本形状实现这一点,您可以将类型设置为“聚”,然后设置多边形的每个固定点的坐标,例如:

<area shape="poly" coords="450,25,435,60,400,75,435,90,450,125,465,90,500,75,465,60" href="yellow.html" alt="Yellow star."> 
+0

但这些都是原始形状,不是吗?我也可以使用自定义形状吗? – Filip5

+0

调整我的答案,包括一个解决方案,实现自定义地图区域形状 –

+0

我会给这个试试看,让你知道 – Filip5