5秒でできる、画像切り替えスクリプト

2006–11–10

なんとなく書いてみたら、できちゃったスペシャル（ぁ

1. <img src="/rollover_1.gif"
 onmouseout="this.src = '/rollover_1.gif';"
 onmouseover="this.src = '/rollover_2.gif';" alt="" />

てきと～に作った割には、気に入ってます。楽だし、意外と更新性高いし、<img>タグ１個でできるとこなんかシンプルで。

もちろん制約もあります。JS切られてると意味なかったり、通常時とhover時の2通りしか切り替えられなかったり、画像サイズ固定しないと奇妙にもなったり。あぁ、画像のプレロードは用意したほうが良いかも。

ま～その辺わかってて使えば問題ないんですけどね。無くても機能には影響ない部分にオマケで使うのがよろしい。エントリでの画像リンクとか。

Posted in /web/javascript
ブックマークする: