ここから本文です

ウェブページの制作をしています。色々練習したく、今ロールオーバーを試している...

shu********さん

2013/6/2000:48:50

ウェブページの制作をしています。色々練習したく、今ロールオーバーを試しているのですがうまくいきません。

html言語の<A href="#"><IMG src="●" border="0" onMouseOver="this.src='★'" onMouseOut="this.src='■'"></A> を使っています。<html>

<head>
<title>八王子市の紹介</title>
<link rel="stylesheet" href="mystyle.css" type="text/css">
</head>
<body>
<h1>八王子</h1>
<p>私も住んでいる町、八王子は多摩の中核都市です。八王子駅周辺は夜になると、とても賑やかになります。</p>
<ul>
<li>人口約55万人、11万人の学生が学ぶ学生の町。</li>
<li>周りを山で囲まれた、自然豊かな都市</li>
<li>多摩地区の鉄道(JR 中央線・横浜線・八高線・京王線・京王高尾線・相模原線)が重なりあう、交通の便が良い都市。</li>
</ul>
<br>
<A href="#"><IMG src="●" border="0" onMouseOver="this.src='★'" onMouseOut="this.src='■'"></A>
</body>
</html>

これをブラウザに表示して確認してみると、画像が表示されません。
画像はgifで保存しており、●にはgazou1.gif、★にはgazou.gif、■にはgazou.gifといった具合で入力しています。
しかし、小さなくぼみが本来画像が表示されるはずの場所に出来、そこをクリックすると飛びたいリンク先には飛ぶことができ、それがなぜだかわからずに苦戦しています。初歩的な質問だと思いますが、どなたか解決法をご指摘いただけないでしょうか?よろしくお願いします。

補足補足です。

やりましたがやはり表示されません。

画像アドレスはたとえば保存した画像の名前がgazouだった場合、gazou.gifとなるのでしょうか?

いろいろなgif画像を試しましたが表示されません。

閲覧数:
230
回答数:
1
お礼:
500枚

違反報告

ベストアンサーに選ばれた回答

sit********さん

編集あり2013/6/2011:38:05

>shuei19941108さん

>画像が表示されません。

<br>
<A href="#"><IMG src="●" border="0" onMouseOver="this.src='★'" onMouseOut="this.src='■'"></A>
<br>
<IMG src="●"><IMG src="★"><IMG src="■"></A>
</body>

と追加して、下3つの画像が表示されないなら画像アドレスが正しくないか画像が壊れてます。



>やりましたがやはり表示されません。

となるとアドレスが間違っているか、壊れているかですね。

まず画像ファイルを画像を載せたいhtmlファイルが入っているフォルダに移動しましょう。
その上で画像のファイル名(gazou.gif)をファイル一覧からコピー。
ソース上に貼り付け(src="gazou.gif")。
これでページ更新して表示されるならアドレス(相対パス)の間違い。
相対パスについてもう一度調べなおしてみましょう。

上記でも表示されない場合、拡張子が間違っていないか(壊れていないか)を確認しましょう。
bmp画像なのにgazou.gifと名前をつけても表示されません。
拡張子を変える場合は、画像編集ソフトで保存するときに、ファイル(拡張子)の種類を選択します。
ファイル一覧では拡張子が表示されない場合は表示するように設定したほうがいいです。
http://support.microsoft.com/kb/978449/ja

ネット上での話の場合、拡張子を含め、大文字小文字の違いだけでも別のファイルと認識され表示されません。
アップロードすると拡張子が大文字に変わったり小文字に変わったりすることがありますので、
アップロードされた画像ファイルの名前をよく確認してみましょう。

質問した人からのコメント

2013/6/20 18:19:31

詳しい説明ありがとうございました。ひと通りやってみましたが、解決できませんでした。拡張子の違いもなく、大文字小文字のちがいもありませんでした。手持ちのあらゆる画像で試してみましたがやはり駄目なようです。再度時間をとらせてしまって申しわけないのですが、http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1110908699...に新しく質問を投稿しましたのでよろしければ回答をよろしくお願いします

この質問につけられたタグ

みんなで作る知恵袋 悩みや疑問、なんでも気軽にきいちゃおう!

Q&Aをキーワードで検索:

Yahoo! JAPANは、回答に記載された内容の信ぴょう性、正確性を保証しておりません。
お客様自身の責任と判断で、ご利用ください。
本文はここまでです このページの先頭へ

「追加する」ボタンを押してください。

閉じる

※知恵コレクションに追加された質問は選択されたID/ニックネームのMy知恵袋で確認できます。

不適切な投稿でないことを報告しました。

閉じる