javascript - jqueryjavaスクリプトイメージシェード

Question

画像があり、この画像のクリック可能な領域を制限したいと思います。ユーザーに特定の領域のみをクリックしてもらいたい。このクリック可能な領域の外側をより暗いビューで表示したいと思います。Javaスクリプトやjqueryを使用してこれをどのように達成できますか？敬具

Answer 1

クリック可能な領域を実装する方法はたくさんあります。画像マップを使用する：http： //en.wikipedia.org/wiki/Image_map

このウェブサイトを見てください：http：//odyniec.net/projects/imgareaselect/

またはdivsとz-indexを使用します。

Answer 2

難しいかもしれませんが、最初にaを使用してクリック可能な領域を決定する場合は、jqueryを使用して次のようなことを行うことができます。

1. マップされた領域にカーソルを合わせると、画像と同じサイズの透明な黒いdivが表示されます。（これにより画像が暗くなります）
2. その上に、画像と同じサイズの別のdivを配置します。（これには、新しい画像用の小さなマップサイズのコンテナが含まれています）
3. マップされた領域と同じサイズと位置になるように、最後のdivの内側に別のdivを配置します。（これには元の画像が含まれます-暗くなりません）
4. 最後のdivの内側に画像を再度配置し、元の画像と揃うように配置します。

これはあなたが話しているようなものを示すはずです。

これよりも複雑な場合は、これらの画像の例とすべての結果が必要になると確信しています。私はあなたに本当の答えを与えるのに十分な詳細がないと思います。