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

/web/javascript

Note: この記事は、3年以上前に書かれています。Webの進化は速い!情報の正確性は自己責任で判断してください。

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

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

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

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

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

Note: スパム対策が面倒なので、コメント投稿を廃止しました。以前のコメントは残します。
ご意見・ご要望はtwitter@sigwygかはてブコメントにて。