PREV | PAGE-SELECT | NEXT

≫ EDIT

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

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


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

<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="【BORZOI】のサイトリンク" alt="ボルゾイの目をクリックすると【BORZOI】にジャンプ☆"target="_blank"title="ボルゾイの目をクリックすると【BORZOI】にジャンプ☆"onFocus="this.blur()">
<area shape="rect" coords="655,88,747,205" href="【BORZOI】のサイトリンク" alt="ボルゾイの目をクリックすると【BORZOI】にジャンプ☆"target="_blank"title="ボルゾイの目をクリックすると【BORZOI】にジャンプ☆"onFocus="this.blur()" >
<area shape="default" href="http://kiruhamzd.blog52.fc2.com/" alt="A little black butterflytitle="HOMEにもどるよ!">
</map>


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

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

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

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















非公開コメント

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

PREV | PAGE-SELECT | NEXT