CoffeeCupのイメージマッパーを使用すると、画像の特定の場所に複数のリンク（またはホットスポット）を指定すると、ドキュメントやウェブサイトにそれらを指すようにできます。マウスオーバーテキスト、ALTテキスト、リンクなどを作成します。 JPG、PNG、およびGIFイメージ形式をサポートしています！
だから、どのように動作しますか？それでは、あなたが容易に手に入るいくつかの部分で家具を販売しているとしましょう。写真の中のアイテムを展示。そして、設計ツールを使用して、特定の項目に輪郭を描き、それにウェブサイトのアドレスを割り当てます。誰かが家具をクリックすると今、彼らはより多くの情報のために、それに関連するWebページにリダイレクトされます。
マップ、企業のチーム写真、フローチャート、アートギャラリーなどのようなイメージの他の種類に同じ技術を適用します。すごいでしょ？ ：）
応答イメージマップは、モバイルユーザーのための友好的である。
トラフィックの51％以上がモバイルデバイスから来ると、それはあなたが反応するようにあなたのイメージマップを更新することが重要です。これは、彼らがより速く、より簡単に、より小さな画面での視聴者のためにナビゲートし、より機能的になります。応答するイメージマップは、リンクが表示幅に基づいて適切に調整し調整します。しかし、心に留めておくべき一つのことは、モバイルデバイスがホバー/マウスオーバーにマウスオーバーやツールチップを可能にしないということです。このため、あなたは創造のユーザーが本能的にそれを使用する方法を知っているので、あなたのイメージマップがどのように機能するかを再考する必要があります。
あなたがそれをどのように行うことができますか？簡単。彼らは触れることができますどのようなテキストで指摘（偶数または画像自体に追加します）マップの近くに "伝説" O "キー"を表示することにより、モバイルデバイス上のイメージマップは、より機能的にします。例えば、ここでカタログでの販売のためのいくつかの家具を展示家具カタログです。私たちは、8項目を記述するために、画像の下にテキストを配置しました。追加のインジケータは、ソース画像に適用されました。これらの助剤は、モバイル視聴者が触れることが何であるかを知ら助けます。これらの項目のいずれかをタッチすると、あなたは関連商品のカタログを閲覧することができる場所でページにリダイレクトされます。
要件：
IE 9以上
制限：
限定機能
コメントが見つかりません