onmouseで画像の切り替えについて

質問

こんにちは。画像切り替えについて質問があります。
内容は画像をランダムで読み込んで更に
マウスが重なるとその画像がちょびっと暗くなったり明るくなったりしたいです。
ソースは・・・・
html側
<script type="text/javascript">document.write(randomImage1());</script>を任意の場所に埋め込んで

外部JSファイル
function randomImage1()
{
　　var imageList = [ '1.jpg', '2.jpg', '3.jpg'];
　　var n = Math.floor(Math.random() * imageList.length);
　　return '<img src="' + imageList[n] + '" alt="">';
}
ていう感じに書いております。
どこをどういじればいいかわからず困ってます・・・
みなさんのアドバイスを頂ければ幸いです。

回答No.1

yambejp · ベストアンサー

手っ取り早いのはブラウザにあるフィルター機能をつかうこと。
ただしブラウザ依存のため、使えないブラウザをきりすてるか
ブラウザごとに細かい設定をする必要があります。

ちゃんとやるなら、ランダムな画像それぞれに、明るい画像と
暗い画像を用意しておいて、名前をキーにonmouseoverで切り替えてやる
ことですね。