画像を多数掲載するサイトを作っています。いま重大な問題にぶつかっていて、HTML/CSSをきちんと書いても、ブラウザで表示してみると、画像の左上の一部だけが表示されて、それ以外はグレーのまま表示が止まってしまうのです。画像の容量が問題かと思いましたが、せいぜい40KB程度の画像でもこのようになってしまいます。(3KBの画像は表示されましたが)また、ブラウザはFirefox3とIE7で調べましたが、両方とも同様の現象が起きました。画像を奇麗に見せることを目的としたサイトなので、多少表示に時間がかかってもいいんです。画像の表示が中断されずに、すべて表示しきるようになって欲しいです。何か解決方法はないでしょうか?

回答の条件
  • 1人5回まで
  • 登録:2008/08/09 23:53:54
  • 終了:2008/08/16 23:55:02

回答(4件)

id:Marin_MTB No.1

Marin_MTB回答回数40ベストアンサー獲得回数52008/08/10 00:23:24

ポイント23pt
  • 該当サイトのURLが掲載されていない。(またはソースの提示がない)
  • ブラウザでの表示確認以外で何を、どうやって、どこまでチェックしたのか。(HTML/CSSを「きちんと」コーディングしたという根拠は?「表示が中断された」という事実をどうやって確認した?画像はダウンロードされ表示はされているけど、HTML/CSSの不備でブラウザが画像の上にオブジェクトを上書きしてしまっている…等といったことは絶対にない?など)

が記載されていないのでなんともアドバイスし難いのですが、まずは正攻法としてHTMLのコーディングに本当に問題が無いか、以下で確認してみてはいかがでしょうか。

IEのプラグインですが、検証ソフトもあります。(ただし、結果はIE寄りの結果になりますが)

Download details: Internet Explorer Developer Toolbar

また、該当サイトが動的に構成されるのであれば、該当画面においてソースを表示させ、意図したとおりの出力となっているかも確認してみると良いと思います。

id:loveylayer

Marin_MTBさん、御回答ありがとうございます。

さっそく上記でHTMLとCSSを検証してみました。URLを入れて検証してみても、

PHPとMySQLを使った動的なページなためソースを直接貼り付けて検証しても、とくに問題はありませんでした。

(画像のALT文が無いという指摘があっただけです)

紹介頂いたIEのプラグインを入れてみましたが、こちらも問題はありませんでした。

また、画像がまだ完全に表示されない状態なのに、ブラウザのステータスバーに「ページが表示されました」となるため、

「表示が中断された」と書きました。(ちょっとわかりにくい書き方だったかもしれません)

オブジェクトの上書きというのはないと思います。

imgタグだけのシンプルなHTMLなんです。画像以外には何もありません。

2008/08/10 01:02:53
id:gelgelgel No.2

gelgelgel回答回数26ベストアンサー獲得回数12008/08/10 01:10:36

ポイント23pt

■元の画像はWEB上でキチンと表示されますか?

画像だけを表示してもグレーになっているなら、CSSではなく画像自体に問題があります。もう一度アップロードしましょう。

■画像に問題がない場合

CSSが原因というのはよく分からないのですが、元データのバックアップを取った上で問題と思われるソースの部分を少しづつ削除して言ったらどうでしょうか?「一部削除」→「検証」→「一部削除」→「検証」を繰り返すことで、どの部分が原因かわかります。

これは今回の現象だけではなく、どんな問題の切り分けにも応用できます。

id:loveylayer

gelgelgelさん、御回答ありがとうございます。

・画像自体の問題

画像自体に問題はないと思います。自分のサーバー(WindowsXP+Apache)に置いてるのですが、Web経由では見れなくても、

サーバーを操作して「Windows画像のFAXビューア」で直接画像を見れば、まったく普通に見ることができます。

・ソースの削除

やってみました。というか、別のファイルを用意して、

<html><head></head><body></body></html>

という単純なファイルで画像が表示されるかどうか試してみました。

結果は、変わりませんでした。やはり途中で画像の表示が終わってしまいます。

2008/08/10 09:49:29
id:aobadai No.3

aobadai回答回数57ベストアンサー獲得回数42008/08/10 08:48:34

ポイント22pt

多数表示ということなのでタイムアウトを起こしているのかもしれませんね。

もし画像のサイズを指定していないのであれば指定することによってブラウザが速く動けてタイムアウトを回避することができるかもしれません。

http://www.1mouke.com/tec_hpmake/hpmake/hpmake14.html


関係ないかもしれませんがファイアーウォールが原因か確認してみて下さい。

http://www.oshiete-kun.net/archives/2008/03/15_0023.html


あなたの環境と違う環境からも画像が正常に見えないのでしょうか?

例えばWebMailというサービスで確認してみて下さい。

http://www.webtomail.co.cc/

http://lifehacker.com/399539/webtomail-delivers-any-web-page-to-...

http://www.ideaxidea.com/archives/2008/07/urlwebtomail.html

id:loveylayer

aobadaiさん御回答ありがとうございます。

画像のサイズは指定したり、指定しなかったり、

100%を指定してみたりと色々試しましたが、どれもうまくいきませんでした。

ファイアウォールは無効にしています。

サーバー機はWindowsファイアウォールも、セキュリティソフトも無効にしています。

クライアント機でも、同様です。

WebToMail、やってみましたが、メールが届きません。MAILER-DAEMONで返ってきます。。


Apacheの設定の問題のような気がしてきました。

次はApacheについて調べてみます。

2008/08/10 10:02:04
id:kurotsurubami No.4

kurotsurubami回答回数15ベストアンサー獲得回数12008/08/11 05:44:42

ポイント22pt

おそらくサーバーの問題だと思われますが、確認するために他のサーバーにデータ一式をアップロードして、表示をチェックしてみてください。

これで普通に表示できるのでしたら、サーバーの問題ということになります。

PHPとMySQLを提供している無料レンタルサーバーというのは少し厳しい条件ですが、無いことも無い、ようです。

http://www.kooss.com/hp/

PHPとMySQLで作ったシステムごとが無理ならば、このシステムで生成したHTMLコードと画像ファイルだけをアップロードしてみてください。


実は「画像の一部だけが読み込まれて、読み込みを完了してしまう」という現象は、コンテンツに画像を多く使った海外のサイトなどでたまに起こることがあります。

おそらくはサーバー本体のスペック不足か、サーバーまでの回線が細すぎることが原因だと思われます。

loveylayerさんの場合は自サーバーのようなので回線の心配はないかと思いますが、サーバーマシンのスペックは十分でしょうか?

Apacheを起動した状態で、Windows XPの動作が極端に重い場合はスペックが足りていないのかもしれません。

また、Apacheの設定で、メモリや帯域や同時接続数を制限している可能性もあります。


他に考えられる原因として、ブラウザが画像ファイルのキャッシュを読み込んでいる可能性があります。

Ctrl+F5で強制更新するか、ブラウザのキャッシュを削除して画面を更新してみてください。

id:loveylayer

kurotsurubamiさんご回答ありがとうございます。

サーバーのスペック不足が問題だったと思います。

サーバー機を、スペックの良いものに変更したら解決しました。

どうもありがとうございました!

2008/08/12 22:32:01

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません