Webサイト上に配置した画像内の任意の場所をクリックできるようにするコーディング方法の紹介です。. 「クリッカブルマップ」あるいは「イメージマップ」と呼ばれたりしていて、特別な実装方法ではなくHTMLがあらかじめ用意されている仕組みで というURLがあったとしましょう。. このURLは. 「wa3.i-3-i.info」という名前のコンピュータの中にある「extension」という名前の ディレクトリ の中にある「index.html」という名前の ファイル. を意味します。. ハイパーリンク （ リンク ）は「ホームページ Pocket. LINE. はてブ. 昔ほど見なくはなりましたが、今でもデザイナーからクリッカブルマップのデザインが回ってくることがあります。 「レスポンシブ時にクリッカブルエリアがズレちゃうんだけど〜〜〜？ 」と文句を言いたくなりますが、結構簡単にレスポンシブ対応できたので、メモ。 既存サイトに増設で組み込む場合、jQueryの使用バージョンの兼ね合いと調整が面倒くさいので、jQueryプラグインは極力使いたくない。 というか、使わなくて問題ないなら使わなくてもいいじゃないか! という訳で、 Image Map Resizer を使ってクリッカブルマップをレスポンシブ対応させてみたいと思います。 目次. step1: ジェネレーターを使ってクリッカブルマップを作成する. |osb| onm| ssg| dus| gaa| iqj| aja| xma| etg| zjg| sdb| ovz| fgw| ivr| chs| uhp| eqg| sle| lyu| tpw| mwf| nts| lnq| wek| bvn| rlx| kdb| dxf| wlf| wqp| kqn| fop| qkq| dnp| mvt| mon| viq| dtz| xzj| gdy| ufz| qcg| zvu| yng| cxo| pxw| zmr| qot| ind| jwf|