JavaScript でカンタンにロールオーバー画像切り替え
【比較】覚えておきたいロールオーバー画像切替え 5つの手法(CSS?JS?onmouseover?)|クロノドライブ
jquery.easy-rollover.jsを使用し、マウスオーバー時にimgのsrc属性を置き換える方法です。 jquery.easy-rollover.jsはロールオーバー時の読み込みを軽減させるための、プリロード付きロールオーバーJavaScriptです。
CSS いらずだし、画像ファイルの取り回しもよいしでこの方法が一番管理しやすそう。