マウスがPNG画像の目に見える部分にあるかどうかを確認する方法はありますか？Javascript PNG画像の可視部分にマウスを移動
各セクションでは、それはのような透明な背景を持つ自分のイメージだです：だから基本的に私はそれが推移したとき各領域の不透明度が1になりたい、と不透明度
上に乗っていないときは0.5になります。したがって、ユーザは、どの領域が上に乗っているかを見ることができる。
はonmouseover属性のようなものは、画像上のマウスの位置場合があります！=透明、その後...
がhttp://www.w3schools.com/tags/tag_area.asp
を見てくださいあなたが画像を撮ることができますし、あなたには、いくつかの画像を使用して、各ポリコードを取得しますPhotoshopなどのツールを使用して、イメージのエリアタグ内の特定の領域の各ホバーイベントを処理できます。
クリックすると地図が簡単に表示されます。
私はKirstineのwww.image-maps.comリンクを使用してすべての座標を取得し、マップエリアタグを使用して地域をマッピングしました。ありがとう！ – Friedpanseller
Take specific image in two copy.one before href link and next next href link images..
<script type='text/javascript'>
$(document).ready(function()
{
$(".button").hover(function()
{
$(this).attr("src","button-hover.png");
},
function()
{
$(this).attr("src","button.png");
}
);
}
);
</script>
<body>
<img src="button.png" alt="My button" class="button" />
</body>
</html>
マウスが透明領域に入ったときに.hoverの発火はしませんか？ – Friedpanseller
それはにあなたのレイヤーをロード<マップ> <領域形状=ポリCOORDS = "325,25,262、.... >
は
これは面白い方法のようです。私を始めるためにいくつかのコードを投稿できますか？ – Friedpanseller
平野PNGでこれを行うための方法はありませんが、挑戦しますそれは不透明な領域ではなく、全体としてイメージに発射されます。 SVGを使用すると、必要なものに最も適したものになります。イメージマップを使用することもできますが、それは古くなっています。 –
イメージマップをお試しください！ www.image-maps.com/ www.galerijaziema.lv/ziema.phpをご覧ください – Kristine
こんにちは！イメージのSVGバージョンがある場合、どのように動作させるのですか？私はイラストレーターのすべてのSVGに変換することができます – Friedpanseller