ついに夏本番!さぁ、家族でキャンプに行くぞ! >>

html文書で、<img src=""> (""の中に画像ファイル名が入る)タグを使って画像を読み込もうとしています。しかし、ブロックされて、インターネットエクスプローラに画像がでてきません。どうすれば画像がブロックされず、インターネット画面に画像を現すことができるのでしょうか。

このQ&Aに関連する最新のQ&A

A 回答 (7件)

画像のURLが違っている


HTMLが間違っている
理由はそれだけです。
 確かにHTMLでプレゼンテーションデータを作ることはできますし、とてもよいものも作れます。
参考>鋏はなぜ切れる? ( http://ichiya.com/Cutlery/HowScissors/index.html )

下記のHTMLを試す。画像はそのHTMLをおいたフォルダーにphotoというフォルダーを作成しそこにphoto2.jpgを入れておく。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="ja">
<head>
<meta http-equiv="content-type" content="text/html; charset=Shift_JIS">
<title>サンプル</title>
<meta http-equiv="Content-Style-Type" content="text/css">
<style type="text/css">
<!--
body,HTML{margin:0,padding0;}
body{background-color:rgb(120,120,255);text-align:center;color:yellow;}
-->
</style>
</head>
<body>
<h1>サンプル</h1>
<p>
<img src="./photo/photo2.jpg">
</p>
</body>
</html>


 
    • good
    • 0

NO.5 naokitaです。



どんだけ、HTML5かと思ったら・・・ 単なる記述ミスです・・・

<img scr="photo2.jpg">
ではありません!・・・ 何がダメなのかわかりますか?

ファイルをメモ帳で開いてから、

<img src="photo2.jpg">
<img src="http://cmm001.goo.ne.jp/img/logo/goo.gif">

この2つをコピーして貼り付けて、
上書き保存して、ダブルクリックで表示。

これでも表示されないのなら、
画像自体を右クリックして、プロパティを表示、
画像の名前+.jpをコピーして
<img src="ここに貼り付ける">

-----------------
それと、HTMLも全てがデタラメです。
HTML5の本は本棚の奥にしまって、
HTML4.01もしくは、XHTMLを買って基本から再勉強したほうが良いと思います。
ただし、
今のスキルですと、社内資料をHTMLで綺麗に作るのに、数カ月掛かるでしょう。
それなら、MS Office などで作った方が良いかも知れませんよ。
    • good
    • 0

>私の表現の不確かなところがあったらご連絡ください。



ここの回答者は、HTMLソースを読める人達なので、
言葉で長々説明する必要はありませんので、ソースと環境を提示しましょう。

ソースが無ければ想像しかできませんから、
今回のようにお互いに全く無意味な質疑応答になるだけです・・・
-------------
ブロックと断言しているから、○○に阻止されているって回答になるし、
表示出来ないだけなら、ブロックとは言わない。
本当にブロックって事ですか?

<img src="http://cmm001.goo.ne.jp/img/logo/goo.gif">
これは、表示されますか?
ある1つの画像だけなのか、他の画像はどうなのかって事が要。
    • good
    • 0
この回答へのお礼

回答くださいしてありがとうございます。
おっしゃるとおりです。私のつたない技量で、出来るだけ正確にお伝えしたいと思います。
●<img src="http://cmm001.goo.ne.jp/img/logo/goo.gif"> をクリックすると、google の画面がでてきます。その画面にはOops! This link appears to be broken.とあります。
●Internet Explorer で「インターネットオプション」⇒ 「詳細設定」⇒ 「画像を表示する」において、「画像を表示する」の項目にはチェックがはいっています。
●私のInternetExplorer で他のサイトをアクセスすると画像が表示されます。
● <html>

<body>
初めてのホームページ
</body>
<br/>
<img scr="photo2.jpg">
<hr color=silver>


</html>
上記のhtml文書をダブルクリックすると、ブラウザには「初めてのホームページ」の文字が表示されるのですが、ファイル名photo2.jpg に入っている画像は表示されず、小さな四角いアイコンが表示された文字の左下に現れます。
上記のhtml文書と同じホルダーにphoto2.jpgというなの画像ファイルが置いてあります。このphoto2.jpg ファイルをダブルクリックすると、ディジタルカメラで撮った写真があらわれます。

お忙しいところ申し訳ありませんが回答をよろしくお願いします。

お礼日時:2011/04/28 01:14

経験上ですが



画像が保管されてるサイトによっては外部参照を許可しないようです。
例えば、fc2.com では外部参照は許してなく、サイト内でのアクセスには
問題ありません。

また、ローカルからフルパス設定で参照する場合は許してるようです。
ローカルから参照できないと、fc2.com 用のHP作成もできませんからね。

そのHPファイルを別サイトにアップロードすると画像は見えず
fc2.com にアップロードすると画像は表示されます。

要は、ファイルの置き場用に使われないようにしてるんですね。

今回問題の画像は、ローカルサイト上での表示には問題なければ
上記のような理由の可能性があります。
    • good
    • 0

#2です。



まったくの繰り返しになりますが…

#2の回答に書きましたように、まずあなたのブラウザが『画像を表示しない』設定になっていないかを確認してください。
簡単な確認方法は、一般サイトを閲覧したときに画像が表示されるか?
例えばこのサイト(私はgooで見てますが)では、『新しく質問する』、『この質問に回答する』などは画像のボタンで表示されています。

それが表示されるのなら、ブラウザの設定はひとまず良さそうなので、想像するところではアドレスが違っているなどということになります。
    • good
    • 0

ブラウザの設定で、画像を読み込まないようにしていれば同様のことが起きる可能性があります。


(↑通常のサイトにアクセスすることで、状況はすぐに判別できますよね?)

「インターネットオプション」の「詳細設定」あたりの「画像を表示する」。
http://www.microsoft.com/japan/enable/training/i …


そうでない場合は、No1様の回答の通り。
URLが正しくないというのが一番ありそう。
あるいは、画像をアップロードし忘れているとか…。
    • good
    • 0
この回答へのお礼

お忙しいところ、回答していただきまして、ありがとうございます。最初の回答者の方への文章と同じで申し訳ありませんが。一度、読んでみてください。
実は10年ほど前にhtmlの初歩を少し勉強し、プレゼンテーションに使っていました。今回、久しぶりに、プレゼンテーションに使おうと思ってメモ帳でHTML文書を書きましたが、IEがタグを理解せずそのままブラウザにでてしまいます。そこで本屋へ行って、秀和システム発行の”初めてのホームページHTML5”を見てみると、メモ帳で書いたHTML文書を保存するときに、メモ帳の「名前をつけて保存」の画面で、下のほうの文字コード(F)のところに "UTF-8" を入力しなければならないことがわかりました。これで、HTML文書の文字をブラウザに表示することができるようになりました。
ところが、画像を表示できません。普通にデジカメで撮った画像をファイルにしてハードディスクのHTML文書が存在するホルダーと同じホルダーに入れました。この画像の入ったファイルをダブルクリックするとwindowsホトビューアーに写真が出てきます。だから、写真としては、問題ないのではないでしょうか。写真を表示するためのタグを使ってこの写真を表示させようとするのですが、小さい四角のアイコンが出てきて写真を表示することができません。
”初めてのホームページHTML5”についている参考資料をダウンロードしました。この資料には画像を表示するためのHTML参考文書と参照する画像がはいっています。この本にはブラウザが文字文書と画像を表示しているところが載っているのですが、私がダウンロードしたHTML文書をダブルクリックしても、文字は読み込めるのですが、画像のところは、小さな四角いアイコンが出てきて、同じように画像を表示することができません。
ブラウザのセキュリティーが厳しいときに、画像の部分が小さな四角いアイコンになっていて、どこかをクリックすると画像が表示できるというときの、四角い小さなアイコンがこのHTML文書でも表示されます。そして、画像が表示できないのです。このダウンロードした資料は私は全くいじっていませんので、タグやタグの使い方、ファイルのURLなど間違っていないと思うのですが。画像のところに四角い小さなアイコンがあらわれます。
この文章で私の言いたいことが伝わったでしょうか。文章が下手で、はなはだ、心もとないのですが、
回答をよろしくお願いします。私の表現の不確かなところがあったらご連絡ください。

お礼日時:2011/04/26 21:03

画像に問題あるのではないでしょうか?


表示したい画像をもう一度確認してください。
画像URLが間違っているとか、他のウェブページから直リンクしているためサーバーでブロックしているか・・・

もうちょっと詳しい状況が分かれば正確に答えることができると思いますが。。。
    • good
    • 0
この回答へのお礼

html の初心者の質問で申し訳ありません。回答くださいまして、ありがとうございます。
実は10年ほど前にhtmlの初歩を少し勉強し、プレゼンテーションに使っていました。今回、久しぶりに、プレゼンテーションに使おうと思ってメモ帳でHTML文書を書きましたが、IEがタグを理解せずそのままブラウザにでてしまいます。そこで本屋へ行って、秀和システム発行の”初めてのホームページHTML5”を見てみると、メモ帳で書いたHTML文書を保存するときに、メモ帳の「名前をつけて保存」の画面で、下のほうの文字コード(F)のところに "UTF-8" を入力しなければならないことがわかりました。これで、HTML文書の文字をブラウザに表示することができるようになりました。
ところが、画像を表示できません。普通にデジカメで撮った画像をファイルにしてハードディスクのHTML文書が存在するホルダーと同じホルダーに入れました。この画像の入ったファイルをダブルクリックするとwindowsホトビューアーに写真が出てきます。だから、写真としては、問題ないのではないでしょうか。写真を表示するためのタグを使ってこの写真を表示させようとするのですが、小さい四角のアイコンが出てきて写真を表示することができません。
”初めてのホームページHTML5”についている参考資料をダウンロードしました。この資料には画像を表示するためのHTML参考文書と参照する画像がはいっています。この本にはブラウザが文字文書と画像を表示しているところが載っているのですが、私がダウンロードしたHTML文書をダブルクリックしても、文字は読み込めるのですが、画像のところは、小さな四角いアイコンが出てきて、本と同じように画像を表示することができません。
ブラウザのセキュリティーが厳しいときに、画像の部分が小さな四角いアイコンになっていて、どこかをクリックすると画像が表示できるというときの、四角い小さなアイコンがこのHTML文書でも表示されます。そして、画像が表示できないのです。このダウンロードした資料は私は全くいじっていませんので、タグやタグの使い方、ファイルのURLなど間違っていないと思うのですが。画像のところに四角い小さなアイコンがあらわれます。
この文章で私の言いたいことが伝わったでしょうか。文章が下手で、はなはだ、心もとないのですが、
回答をよろしくお願いします。私の表現の不確かなところがあったらご連絡ください。

お礼日時:2011/04/26 20:56

このQ&Aに関連する人気のQ&A

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aを見た人が検索しているワード

このQ&Aと関連する良く見られている質問

Q画像の表示・非表示をボタン化したい

Internet Explorerで、画像を一時的に非表示にしたり、また表示するように戻したりするためには、[ツール][インターネットオプション]の「詳細設定」タブ「マルチメディア」の「画像を表示する」のチェックを外したり、つけたりしますが、これをボタン化する方法はないでしょうか。ボタンをクリックするだけで、画像の表示・非表示の切り替えができるようにする方法はありませんか。

Aベストアンサー

firefoxなら豊富なアドオンから・・
Image Block ( https://addons.mozilla.org/ja/firefox/addon/image-block/?src=search )
でトグルボタンでワンクリックで・・・

 IEでなきゃ見れないサイトがあれば、IEtabやIEviewerを入れておくと良いでしょう。

 なんたってアドオン( https://addons.mozilla.jp/firefox/ )が豊富なので・・


人気Q&Aランキング

おすすめ情報