視差のクリック可能な画像

Question

私がしようとしているのは、リンクの代わりにメニューを作成し、クリック可能な画像にすることです。しかし、これらの画像は視差層である。私はこれにどのようにアプローチすべきですか？クリック可能なイメージは別々のレイヤーにあるべきですか？

これは私が使用する予定の画像です。私は背景のタワーがあなたをギャラリーに連れて行きたいと思っていますが、同時に、言及されたようなその層は視差になります。

任意のアイデア？

Answer 1

絶対配置されたリンクをナビゲーションの形式として含む個別の視差レイヤーを作成するとよいでしょう。

<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：あなたは厳密にリンクとして、画像上の特定の領域をマッピングしたい場合は、hereから取られたこの例のようにタグを使用する場合があります前記領域の周囲を規定するステップと、 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.">