マウスポインターが上にくると画像が拡大!

画像を認識してもらうテクニック。

ブログの画像を大きくしたいときに
CSS(カスケーディングスタイルシート)を
変更するのはとても面倒です。

そこで、超簡単シンプルなソースの
紹介です。

オンマウス画像拡大



<body>
 <img src="画像のURL" border= "0" width= "120" onmouseover= "width=350" onmouseout= "width=120" />
 </body>

画像のURLのところに自分の画像のURLを
入れてください。

width= "120" // 縮小画像の横幅
onmouseover= "width=350" // マウスが乗ったときの画像の横幅
onmouseout= "width=120" // マウスが去ったときの画像の横幅 元の大きさに戻ります。

各数値は変更できますのでお試しあれ!

※高さ height は指定しなくても
 縦,横比を保って拡大します。


移動することなくページ内で完結しますので
閲覧してくれる方にとっても面倒無くて
良いかも~。


などと思う今日この頃・・・。
スポンサーサイト



0 Comments

Leave a comment