- ベストアンサー
Mouseoｎ（over)で、画像を明るくする方法
画像にマウスを乗せると、その画像が明るくなるスクリプトをご存知ないでしょうか？ 以前どこかで見かけたのですが、ソースを見るのを忘れてしまい、現在無くなっているのです（涙 本屋で調べても、その手のスクリプト本が見つからず・・・・（T_T)/ ご存知の方宜しくお願いいたします。。。
- hikaru2002
- お礼率43% (43/98)
- JavaScript
- 回答数2
- ありがとう数3
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
その他の回答 (1)
- crimson
- ベストアンサー率40% (900/2202)
ロールオーバーというやつですね。 単一の画像が明るくなったり暗くなったり…というの ではなく、２パターンの画像を切り替える手法です。 ここ↓が参考になるかと。
お礼
勉強になるサイトを紹介して頂き、有難うございました(#^.^#)♪ ここ、便利そうですね！！ さっそく勉強します！ 感謝します！
関連するQ&A
- 自作の画像でロールオーバーしたいのですが。
自作の画像(gif)を二つ用意して、マウスが乗っていない時の画像を(1.gif )、そしてマウスを乗せた時の画像(2.gif )に切り替わるようにしたいです。そして、クリックすると、リンクが張られていて、新しいウィンドウで開くようにしたいのですが、Java scriptでどのようなソースを記述すれば良いのですか？ 初心者なので詳しく教えて頂きたいのですが、どなたか分かる方よろしくお願い致します。
- ベストアンサー
- JavaScript
- マウスオーバーして画像を入れ替えたい
YahooのジオシティーズでHPを作成していますが、教えていただきたいことが２つあります。 １.javaスクリプトを使ってマウスオーバー、マウスアウトした時に写真を入替えたいと思っていますが、全くの初心者でどこにタグを入れていいのかわかりません。 どなたか下記ＵＲＬのページの写真(1)にマウスオーバーした場合に写真(2)に変わり、マウスアウトすると写真(1)に戻るよう、下記URLのソースをすぐに使えるように手直ししていただけませんか？http://sky.geocities.jp/hokuto5131/test.html ２．Yahooのジオシティーズでマウスオーバーして画像を入替えるHPを見てみると、入替える画像のURLはimg.1のようになっていますが、私がYahooのジオシティーズに画像データを送ると上記のURLのソースのように『http://sky.geocities.jp/hokuto5131/～』になってしまいます。なぜでしょうか？またそのページに貼り付けていない画像データをどうやってYahooのジオシティーズのサーバーに送るのでしょうか？ 以上よろしくお願いします。
- ベストアンサー
- ホームページ作成ソフト
- テキストにマウスオーバーで画像を変える方法
テキストにマウスオーバーで画像を変える方法 左のナビの例えば、ぶどうのテキストにマウスオーバーした時に、それに連動して右のぶどうの画像のコントラストを高くすることはjava scriptではできるのでしょうか？ もちろん画像のコントラストを高めた画像は用意しますので、要はcssのロールオーバーみたいなことをテキストと連動して行いたいです。 ご回答をどうかよろしくお願いします。
- ベストアンサー
- JavaScript
- Javascriptのマウスオーバーについて
Javascriptでマウスオーバーというものがあります。 画像の上にマウスを持っていくと、画像が切り替わるものです。参考：http://www14.plala.or.jp/sugachuu/JavaScript/k06.html そこで、質問なのですが、マウスオーバーのスクリプトを 同じページ内で いくつも表示させるのは可能ですか？？（上記参考ＵＲＬでたとえると、大きな画像１つと小さな画像４つを一まとめにして、一まとめしたものをいくつも同じページ内で表示することは可能ですか？？） もし可能なら、そのやり方を教えてください。サンプルソースみたいなのをつけていただくと、うれしいです。 よろしくお願いします。
- 締切済み
- JavaScript
- マウスオーバーで違う画像の表示をする
おはようございます。 ホームページビルダーを使用しているのですが、マウスオーバーで違う画像を現在ある画像の上に表示する方法をご存知の方、ぜひ教えて下さい。 例えば簡易な地図画像があり、その中で各地図上にしかけがあり、花屋さんの上にマウスがいったら花屋さんの情報がその地図画像の上に現れるような感じです。 よろしくお願い致します！！！！！
- ベストアンサー
- ホームページ作成ソフト
- マウスオーバーで画像の切替でタイマーをつけるには？
<html> <head> <script type="text/JavaScript"> <!-- imglist = ["img1.gif", "img2.gif"]; preImage = new Array(); for (i=0; i<imglist.length; i++) { preImage[i] = new Image(); preImage[i].src = imglist[i]; } //--> </script> </head> <body> <img src="img1.gif" onmouseover="this.src='img2.gif'" onmouseout="this.src='img1.gif'"> </body> </html> 例えば上記のようなソースでimg1の画像にマウスオーバーでimg2に画像が入れ替わるのですが、 マウスアウトした時に、すぐimg1の画像に戻るのではなく、img2の画像を1分くらい出して その後img1に入れ替わるようにしたいのですが、どうしたらよいでしょうか？ 教えてください。よろしくお願いいたします。
- ベストアンサー
- JavaScript
- ランダム画像 & マウスオーバー画像切り替え &
こんにちは。 どうしてもわからない事がありますので質問させて下さい。 下記ソースにてランダム画像切り替えとマウスオーバーにて画像変更を行ってます。 <script language="javascript"> <!-- //ランダムにgazouを表示 img = new Array(); img[0] = "gazou1.jpg"; img[1] = "gazou2.jpg"; img[2] = "gazou3.jpg"; img[3] = "gazou4.jpg"; img[4] = "gazou5.jpg"; img[5] = "gazou6.jpg"; n = Math.floor(Math.random()*3); m = n+3; document.write("<img src='"+img[n]+"' border='0' onmouseover=src='"+img[m]+"' onmouseout=src='"+img[n]+"'>"); //--> </script> さらにマウスオーバー時の画像それぞれ個別にリンクを張り さらにそれをインラインフレーム内で表示するのでtarget="_top"の値を付け加えたいです。 そのような事が可能であれば是非ご教授頂ければありがたいです。 みなさま、よろしくお願い致します。
- ベストアンサー
- JavaScript
- 画像を変化させる方法。
現在ＣＳＳでホームページを作っています。ある画像の上にマウスを乗せた時、別の画像を表示させたいのですが、背景として、設定せず、Ｊａｖａ Ｓｃｒｉｐｔも使わず、ＣＳＳかＨＴＭＬだけで設定することは可能なのでしょうか？可能であれば、その方法を誰か教えていただけますか？よろしくお願いします。
- ベストアンサー
- その他（インターネット・Webサービス）
- マウスオーバー（クリック）画像がでズーム
下記のサイトのように画像にマウスが乗ったら、ズームするようにしたいのですが、どのようなスクリプトを書いているのでしょうか？ http://www.bobscube.com/ もしくは下記のサイトのようにクリックすると画像がズームするサイト。スクリプト的には同じ（マウスクリックとマウスオーバーの違い）じゃないかと思うのですが・・・。 http://www.opfa.org/ 単純に画像がズームするだけなら、こちらのサイトに載っていた↓で出来るのですが、上記サイトのように滑らかにズームする方法が分かりません。 onClipEvent (load) { this._yscale = 100; this._xscale = 100; } on (rollOver) { this._yscale = 200; this._xscale = 200; } on (rollOut) { this._yscale = 100; this._xscale = 100; } ご教授宜しくお願い致します。
- ベストアンサー
- Flash
お礼
有難うございます♪ あれって、差し替えだったんですね～ とゆうことは・・・最初の画像を真っ暗にすれば・・・隠し画像みたいな事も出来そうですね（藁 有難うございました！ <m(__)m>