- ベストアンサー
Mouseoｎ（over)で、画像を明るくする方法
画像にマウスを乗せると、その画像が明るくなるスクリプトをご存知ないでしょうか？ 以前どこかで見かけたのですが、ソースを見るのを忘れてしまい、現在無くなっているのです（涙 本屋で調べても、その手のスクリプト本が見つからず・・・・（T_T)/ ご存知の方宜しくお願いいたします。。。
- hikaru2002
- お礼率43% (43/98)
- JavaScript
- 回答数2
- ありがとう数3
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
まず、明るい絵と暗い絵を準備します。これをmouseOverで差し替えてやれば、大抵のブラウザで適用できますよ。 まず、<head>～</head>の間に、以下のような関数定義を行います。 <script type="text/javascript"> IMG01on = new Image; IMG01on.src = "./light.gif"; IMG01off = new Image; IMG01off.src = "./dark.gif"; function slideonchg(imgfile) {document[imgfile].src = eval(imgfile + "on.src"); } function slideoffchg(imgfile) {document[imgfile].src = eval(imgfile + "off.src"); } </script> これができたら、<body>以下に、以下のような形で呼び出して使います。 <a href="javascript:void(0)" onMouseover="slideonchg('IMG01')" onMouseout="slideoffchg('IMG01')"> <img src="./dark.gif" name="IMG01"> </a>
その他の回答 (1)
- crimson
- ベストアンサー率40% (900/2202)
ロールオーバーというやつですね。 単一の画像が明るくなったり暗くなったり…というの ではなく、２パターンの画像を切り替える手法です。 ここ↓が参考になるかと。
お礼
勉強になるサイトを紹介して頂き、有難うございました(#^.^#)♪ ここ、便利そうですね！！ さっそく勉強します！ 感謝します！
お礼
有難うございます♪ あれって、差し替えだったんですね～ とゆうことは・・・最初の画像を真っ暗にすれば・・・隠し画像みたいな事も出来そうですね（藁 有難うございました！ <m(__)m>