≪ PREV | PAGE-SELECT | NEXT ≫

≫ EDIT

2008年02月26日

FC2ブログ 画像内に複数リンクを指定する

【BORZOI】というサイトの管理者の御厚意でボルゾイのバブーンの画像を使わせていただけることになりました。トップメニューで紹介はしてはいますが、なんか足りないきがする。(僕の勝手な行動ですｗ大目に見てねｗ)
ってことで今まではヘッダーのバックグラウンドで、750×300くらいの画像を使ってましたが、今回画像の一部をクリックすると、別サイトに飛べるようにしたいなっと思ったわけです。

そこで利用したのが、
TAG index 画像内に複数リンクを指定するです！
<img src="" usemap="#"><map name=""><area>ってタグ使うんだって、う〜ん見たことない。(初心者だから仕方ないｗ)まぁ使ってみる。バブーンの目の部分から飛べればベスト。
....やってみた。

<img src="http://blog-imgs-○○.fc2.com/○○/babun01.jpg" alt="" usemap="#babun" border="0">
<map name="babun">
<area shape="rect" coords="220,82,335,205" href="【ＢＯＲＺＯＩ】のサイトリンク" alt="ボルゾイの目をクリックすると【ＢＯＲＺＯＩ】にジャンプ☆"target="_blank"title="ボルゾイの目をクリックすると【ＢＯＲＺＯＩ】にジャンプ☆"onFocus="this.blur()">
<area shape="rect" coords="655,88,747,205" href="【ＢＯＲＺＯＩ】のサイトリンク" alt="ボルゾイの目をクリックすると【ＢＯＲＺＯＩ】にジャンプ☆"target="_blank"title="ボルゾイの目をクリックすると【ＢＯＲＺＯＩ】にジャンプ☆"onFocus="this.blur()" >
<area shape="default" href="http://kiruhamzd.blog52.fc2.com/" alt="A little black butterflytitle="ＨＯＭＥにもどるよ！">
</map>


onFocus="this.blur()でＩＥでは、クリックしたときの枠線は消えます。

だが！Firefoxでは残ってしまう！誰か教えて！
気になる人は、こっちで確認してね！

座標軸の測り方はサイトに書いてあるとおりペイントでしました。

| [カスタマイズ]ブログカスタマイズ | 21時51分 | comments:0 | trackbacks:0 | TOP↑ |















非公開コメント

http://kiruhamzdconvert.blog74.fc2.com/tb.php/16-546debb6

≪ PREV | PAGE-SELECT | NEXT ≫