- ベストアンサー
ロールオーバーが上手くいかないのです。。
JAVAなどを使わずに、マウスON/OFFで画像を変えるには 下記のタグ構成が一番簡単かと思ったのですが 実行すると最初に表示される画像だけが出て、 その画像の横に「×」（←画像が表示出来なかった時によく出るバッテンマーク）が 2つ出るだけで、ロールオーバーが出来ません。 色々なHTML関係のサイトを覗いてみましたが どうも上手くいきません。。。 もし下記のタグで間違いがなければ 私のパソコン（ブラウザ?）がおかしいのかも知れませんが＾＾； 初心者ですので基本的なことを見落としている可能性がありますが、 どうかアドバイス宜しくお願い致します。 -------------------------------------------- <html> <head> <title>タイトル</title> </head> <body> <IMG src="最初に表示される画像" border="0" onMouseOver="this.src='マウスを乗せた時表示される画像'" onMouseOut="this.src='マウスを離した時表示される画像'"> </body> </html> ----------------------------------------------- （追伸）よくロールオーバーのサンプルなんかを見ていると GIF形式ばかりなのですがJPGでも問題はないですよね？＾＾；
- timesliper
- お礼率100% (8/8)
- HTML
- 回答数2
- ありがとう数2
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
こんにちは。 質問文のソースをコピーして、自前の画像を入れて実行してみたところ、問題なく動作しました。 「×」が出るということは、画像アドレスのリンク切れ・・・ということは考えられないでしょうか？ ちなみにJPG画像であることは問題ないと思いますよ。
その他の回答 (1)
- gura_
- ベストアンサー率44% (749/1683)
リンクの記述に間違いがないかを確認してみましょう↓ http://www.tohoho-web.com/wwwbeg5.htm#RelativeLink あなたの書き方でOKです。参考↓ <html> <head> <title>タイトル</title> </head> <body> <IMG src="http://oshiete1.goo.ne.jp/images/goo.gif" border="0" onMouseOver="this.src='http://oshiete1.goo.ne.jp/images/goo_h1_50b.gif'" onMouseOut="this.src='http://oshiete1.goo.ne.jp/images/helpful_ng.gif'"> </body> </html>
お礼
ご回答ありがとうございます。 今日他のパソコンで実行してみたところちゃんとロールオーバー出来ていました。 やはり私のパソコンがおかしいようです（汗） 書き方は間違っていなかったようで安心致しました。 参考URLもとても為になりました。ありがとうございました＾＾
お礼
ご回答ありがとうございます。 今日他のパソコンで実行してみたところちゃんとロールオーバー出来ていました。 やはり私のパソコンがおかしいようです（汗） 自信がなかったのですが、 タグに問題はないと仰っていただけましたので安心致しました。 丁寧にお答え頂き、ありがとうございました＾＾