- ベストアンサー
オンマウスで画像を変えたいのですが...。
オンマウスで画像を変えたいのですが...。 onMouseover、outで画像を入れて簡易プレビューで見ると切り替わるのですが、 プレビュー(別)ウインドウで確認すると画像が切り替わりません。 因みにテンプレートはカスタムブルーを使っています。 何処に原因があるのか分りません。 教えて下さい。
- みんなの回答 (1)
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
関連するQ&A
- fc2 オンマウスで画像を見せる方法は?
オンマウスで2枚の画像を表示させたいのですがうまくいかないのでご教授願います。 因みに今やっていてうまくいっていない手順ですが、 オンマウスさせたい写真をファイル管理画面で2枚アップし、 どちらか1枚の写真の『この画像で記事を書く』をクリックして新しく記事を書く欄を出し、そこに <imgsrc="●"onmouseover="this.src='◇';"onmouseout="this.src='●';"> (●と◇は載せたい画像) と貼っているのですが、選んだ1枚の写真しか表示されません(当たり前といえば当たり前なのですが)。 試しに『この画像で記事を書く』を選ばず、ただの記事にそのタグ?を書くだけというのも試してみたのですが、 fireFoxではプレビューが全く出ず、IEはファイルに×がついたような感じで表示されていました。 画像は作ったのですが、オンマウスをどういうプロセスをふんで、どういう指定をかけばいいのかを教えていただけると助かります。 よろしくお願いします。
- ベストアンサー
- ブログ
- オンマウスで画像を別の場所に表示する
過去ログで似たようなのがあったのですが、 全然わからなかったので、質問しました。 文字オンマウスで、画像を別の場所に表示したいのですが・・ (java~を使わなくてもよいやり方が知りたいです。 java~は使ったことがない初心者ですので。) ちなみに、画像オンマウスで文字を別の場所に表示するのは、 ↓このやり方(html)でできたんですが・・・ <span ID="msg">ここに表示される</span> <a href="ページURL"onMouseOver="msg.innerHTML='表示される文字'"onMouseOut="msg.innerHTML=''"><img src="画像URL" border="0"></a>
- ベストアンサー
- HTML
- オンマウスで画像を変えたい。
オンマウスで画像を変えたいのですが、 ------------------------------------------ <img src="画像1URl" onmouseover="this.src='画像2URl';" onmouseout="this.src='画像1URl';"> ------------------------------------------ や、 ------------------------------------------ <script> var src1="http://img.yahoo.co.jp/images/phonebook/jp_pb.gif" var src2="http://i.yimg.jp/images/news/yjnews.gif" </script> <img src="http://img.yahoo.co.jp/images/phonebook/jp_pb.gif" onMouseOver="this.src=src2" onMouseOut="this.src=src1" /> ------------------------------------------ など。 どれを使っていいか分からず困っています。 これぞ、っていうタグがあったらよろしくお願いします。
- ベストアンサー
- HTML
- 画像にオンマウスで子ウインドウを開きマウスアウトで子を閉じるには
是非教えてください。 indexにある画像にオンマウスすると、子ウインドウが開き、画像からマウスアウトすると、子ウインドウが閉じるというスクリプトを作りたいです。 <td height="110" width="110" colspan="2" align="center"> <A HREF="#" onmouseover="mywin=window.open('E_sakashita.htm','','width=250,height=400');" onmouseout="window.close();"> <IMG SRC="image/E_sakashita.jpg" WIDTH="142"HEIGHT="106" ALIGN="BOTTOM" BORDER="0" NATURALSIZEFLAG="3"> </A> </td> としたところ、画像からマウスアウトすると、「ウィンドウは、表示中のWebページによりとじられようとしています。このウィンドウを閉じますか?」のメッセージが出ます。 マウスアウトの時には、子ウインドウだけを閉じたいのですが、どのように記述したらいいですか?
- ベストアンサー
- JavaScript
- それぞれの画像をオンマウスのときに違う画像にしたい
下記【1】の通り、画像のランダムリンクはできたのですが それぞれの画像をオンマウスしたときに 違う画像を表示するにはどうすればよいでしょうか? JavaScriptを使わずに、一枚の画像だけを変える場合は↓のようにやっておりました <a href="http://~" target="_blank" ><img src="img[0] " height="" width="" border="0" onmouseover="this.src='img[0] の色違い画像など';" onmouseout="this.src='img[0] と同じ、もしくは違う画像';"></a> ※例えばimg[0]をオンマウスしたときにimg[2]にしたいのではなく、 それぞれ個別に用意した画像(通常時、オンマウス時、離した後の画像3枚)にしたいのですが。 【1】 // ランダムに画像を表示する jmp = new Array(); img = new Array(); // ジャンプ先のアドレス(数字は画像と対応) jmp[0] = "http://~"; jmp[1] = "http://~"; jmp[2] = "http://~"; jmp[3] = "http://~"; jmp[4] = "http://~"; // 画像のアドレス(数字はジャンプ先のアドレスと対応) img[0] = "img/img1.jpg"; img[1] = "img/img2.jpg"; img[2] = "img/img3.jpg"; img[3] = "img/img4.jpg"; img[4] = "img/img5.jpg"; n = Math.floor(Math.random()*jmp.length); document.write("<a href='"+jmp[n]+"' target='_blank'>"); document.write("<img src='"+img[n]+"' border='0'>"); document.write("</a>");
- 締切済み
- JavaScript
- オンマウスでの別Windows表示について
オンマウスで別画面を開きたく 検索でQNo.1933900を参考に次のように記述してみたのですが、 オンマウス状態だと、別画面が瞬間的に開閉が繰り返されてしまい固定 してくれません。どこか記述がまちがっているのでしょうか。 なお、当方javascriptは初心者につき知識はあまりありません。 <A HREF="#" onmouseover="mywin=window.open('window.htm','','width=640,height=480');" onmouseout="mywin.close();"> <IMG SRC="aa.jpg" WIDTH="142"HEIGHT="106" ALIGN="BOTTOM" BORDER="0" NATURALSIZEFLAG="3"> 今までオンマウスで同じページ内での拡大画像表示をしていたのですが、オンマウス部分をインフレーム内にとじこめてしまったため、親ページで表示できなくなってしまいました。(小さなインフレーム内で表示されてしまう) そこで、上記のようにインフレーム内からのオンマウスでも、別画面で表示をすればと同様のことができると考えたものです。 よろしくお願いします。
- ベストアンサー
- JavaScript
- 1つの画像オンマウスで3つの画像を切り替えたい!
現在、下記のような感じで一つの画像オンマウスでその画像を含む3つの画像が切り替わるようにしています。 ---------------------------------- <a href="#" onMouseOver="11111.src='a.gif';22222.src='b.gif';33333.src='c.gif'" onMouseOut="11111.src='a_01.gif';22222.src='b_01.gif';33333.src='c_03.gif'"><img src="aaaaaa.gif" alt="" width="94" height="32" border="0" name="11111" /></a> <img src="b_01.gif" alt="" width="572" height="50" name="22222" /> <img src="c_01.gif" alt="" width="96" height="32" border="0" name="33333" /> ---------------------------------- IE6だと、きちんと表示されるのですが、 Firefoxだと表示がおかしくなります。 改善方法はありませんでしょうか? 助けてください!
- ベストアンサー
- JavaScript
- オンマウスのタグについて
http://sky.itigo.jp/の<テンプレート30-2>を基本に文字入れ中なのですが、aboutやdiaryのところに別の文字を入れるのに 1行目…クリックできないただの文字 2行目…クリックできて別のサイトに飛ぶ。オンマウスで文字が現れるのではなく最初から見えてる状態にする にしたいのですが、どうしても「*」と同じような状態になってしまいます。(オンマウスで文字が現れる状態なので、マウスが別のところにあるときは文字が見えない) どうしたら解除できるのでしょうか。 至急お願いします!!
- 締切済み
- ホームページ作成ソフト
- リンク画像をオンマウスで変えたい
今、ホームページを作成しています。 それで、以下のようなことをしたいのですが、可能でしょうか? 1 最初の画面に、ENTERの画像を表示する 2 『1』の画像をオンマウスすると、画像が変わる 3 『2』の画像からマウスを放すと、画像が『1』に戻る 4 『2』の画像をクリックすると、別のページに飛ぶ なんだか説明下手ですいません・・・ 一応自分で調べてみたのですが、それらしい物が見つからず、失敗してばかりなので、質問させていただきました。よろしくお願いします!
- ベストアンサー
- その他(インターネット・Webサービス)
- 画像が変わりません;教えて下さい!
質問させて頂きます。 お知恵をお貸し下さい。 ウェブサイトを作っていて、 「画像にオンマウスで別の画像を表示、クリックでリンク先に飛ぶ」 というのをやりたかったのです。 しかし、画像1は表示され、リンク先にも飛ぶのですが、 オンマウスしても画像2が表示されません; 何が原因でしょうか? 以下のようにしているのですが… <a href="リンク先のURL"> <img src="img/画像1.gif" onmouseover="this.src='img/画像2.gif'; " onmouseout="this.src='img/画像1.gif';" border="0"> </a> 初心者なものですみません。 カテゴリ選択もここで良いのでしょうか…; ご存知の方、どうぞよろしくお願い致します。
- ベストアンサー
- HTML
お礼
ごめんなさい。 舌足らずの質問でした。 gooブログの無料テンプレートを使っています。 その中のカスタムブルーを使っているのですが...。