Written by
watanabe
クリッカブルマップの画像置換
クリッカブルマップによる画像置換をご紹介いたします。 今回はJavaScriptを使用します。 クリッカブルマップで使用するオンマウスオーバー、オンマウスアウト、オンクリック時の画像を用意します。画像の内訳は通常時の画像、四角形のオーバー時の画像、円のオーバー時の画像、四角形のクリック時の画像、円のクリック時の画像、合計5つです。 通常時の画像 四角形のオーバー時の画像 円のオ...
Written by
watanabe
クリッカブルマップによる画像置換をご紹介いたします。 今回はJavaScriptを使用します。 クリッカブルマップで使用するオンマウスオーバー、オンマウスアウト、オンクリック時の画像を用意します。画像の内訳は通常時の画像、四角形のオーバー時の画像、円のオーバー時の画像、四角形のクリック時の画像、円のクリック時の画像、合計5つです。 通常時の画像 四角形のオーバー時の画像 円のオ...
Written by
watanabe
Written by
watanabe
Written by
watanabe
Written by
watanabe
CSSのvisibilityで画像を置換する方法をご紹介いたします。 通常時の画像をimgタグで表示し、ホバー時の画像を背景で表示、そしてホバー時は不要なimgの画像を非表示にします。 visibilityで画像を置換する際のメリットは、通常時の画像はimgタグで表示させるので、ブラウザの印刷プレビュー、ページ設定の「背景の色とイメージを印刷する」などの設定をせずとも印刷できる...