- 締切済み
画像が載せられない！
ホームページを作成しているのですがどうしても画像が載せられません！ デスクトップにhomepageというフォルダをつくり、そのhomepageのなかにimagesというフォルダをつくって、そのimagesのなかに画像を保存しています。 そして＜img src="images/画像.jpg"＞というふうにやったところ赤いバツ印がでてきて画像はでませんでした。 何度も挑戦していますがなぜか画像だけ出すことができません！ 何か原因があるのでしょうか？？ アドバイスお願いいたします！
- babe-babe
- お礼率53% (139/258)
- レンタルサーバ・ASP
- 回答数7
- ありがとう数30
- みんなの回答 （7）
- 専門家の回答
みんなの回答
- 918BG
- ベストアンサー率48% (476/984)
追加です 可能性その6 質問者さんのパソコンが拡張子を表示しない設定になっていて、本当はすでに「.jpg」という拡張子は付いている(だけど見えてない)のに、余分に「.jpg」という拡張子を付けてしまった? 可能性その7 質問者さんのブラウザの「ツール」→「インターネットオプション」→「詳細設定」の中の「画像を表示する」という項目にチェックが入っていない? 可能性その8 W3CのHTML4.01に関する勧告では、<img>タグの中に「src=""」と同時に「alt=""」も記述しなくてはならない事になっています。現実にはInternetExplorerでもNetscapeでもエラーにはなりませんが、質問者さんの環境(ブラウザの種類やバージョン)によっては問題が発生する可能性も…?
- 918BG
- ベストアンサー率48% (476/984)
こんばんは。可能性として考えられる原因を、思い付く範囲でアドバイスさせていただきます。 可能性その1 HTMLのファイルがデスクトップに置いてある? 相対パスの位置指定が違うので画像は出ることができずに、赤いバツ印になってしまいます。 可能性その2 HTMLのファイルが、imagesというフォルダの中に画像と並んで置いてある? これも相対パスの位置指定が違うので画像は出ることができずに、赤いバツ印になってしまいます。 homepageというフォルダの中に、imagesというフォルダと並んでいるのが、この場合の正しい位置ということになります。 さて、ご質問の文中に記載されている＜img src="images/画像.jpg"＞というイメージタグの最初と最後に使われている「＜」と「＞」が全角なのでは?というご指摘があって、私もはてなと思ったのですが、赤いバツ印になっているそうなので、少なくともイメージタグとして機能はしているようですから実際には半角を使われているんでしょう。全角だったら赤いバツ印じゃなくてタグのつもりの文字列がそのまま表示される筈ですから。 ただし、可能性その3 "images/画像.jpg"の部分のどこかに全角文字が紛れ込んでいるか、もしくはその周辺にスペースが紛れ込んでいる? 可能性その4 画像ファイルの名前が、タグによる指定と実際のファイルの名前で微妙に違っている? たった一文字違っていても、コンピュータは指定されたファイルが「無い」と判断して赤いバツ印を出します。 可能性その5 画像の種類がjpgだと思っていたが、実は違う種類の画像ファイルだった? gifだったり、tiffだったり、もしかするとpictだったのに、勘違いで.jpgという拡張子を付けてしまったとしたら、コンピュータは画像を表示できずに赤いバツ印になってしまいます。 ふつうそんなミスはしないよと言われそうな事柄まで含めて、考えられるだけの可能性をリストアップしてみました。一度、先入観を捨てて順番に確認してみて下さい。
- gura_
- ベストアンサー率44% (749/1683)
フォルダの構造を、次のようなものだとして、 homepage ├test.html └images └gazou.jpg test.htmlが次のようになっていれば表示できると思いますが <HTML> <HEAD> <TITLE>画像表示test</TITLE> </HEAD> <BODY> <IMG src="images/gazou.jpg" > </BODY> </HTML> とほほさんのページも参考になるかと思います。↓ http://tohoho.wakusei.ne.jp/wwwbeg6.htm
- beam
- ベストアンサー率24% (412/1679)
こんにちは ＜img src="images/画像.jpg"＞ もちろん＜や＞は半角での<や>になっていますよね？ さて、この＜img src="images/画像.jpg"＞が書かれているhtm(html)ファイルはどこにあるでしょうか？ 相対位置（絶対位置）の指定が間違っていると表示されませんので、そこをお調べください。 ファイルをどこに保存しているかだけでも、情報をくださいね。
<IMG src="file:///C:/Documents and Settings/ユーザー/デスクトップ/images/画像.jpg"> ですね… imagesがどこにあるのか指定しないと… ちなみにXPの場合です OSによって微妙に違うかもしれません
- shy00
- ベストアンサー率34% (2081/5977)
サーバーにUPしましたか？ ローカル（PC上）での話ですか？ その場合、デスクトップのパスが違っているために表示しないのです WinXPだと C:\Documents and Settings\****（ユーザー名）\デスクトップ これが、デスクトップのパスになります ですから、 <img src="C:\Documents and Settings\****（ユーザー名）\デスクトップ\homepage\images\画像.jpg"> にしないと、ローカル上では表示しませんよ
- goomika
- ベストアンサー率26% (66/251)
ファイル名はローマ字ですか？ ファイル自体、アップされてますでしょうか？
関連するQ&A
- ｊｐｇ画像が表示されません…。
ＨＰを作成しているのですが、作ったページに画像が表示されません。 gifの画像は表示されるのにjpgの画像が表示されないのです。 タグは<img src="xxxx.jpg">としているのですが、赤いバツ印になってしまいます。 なぜでしょうか。回答よろしくお願いします。
- ベストアンサー
- その他（インターネット・Webサービス）
- 画像を順番にロードする方法
ホームページに下記のように画像を10枚ほど載せたのですが 例えば2枚目が表示されないまま3、4・・・10と残りが表示されてしまうことがあります。 1枚目を完全に表示してから2枚目をロード・・というように順番に表示する方法を教えてください。 <p><img src="images/20110801_01.jpg" alt="01" /></p> <p><img src="images/20110801_02.jpg" alt="02" /></p> <p><img src="images/20110801_03.jpg" alt="03" /></p> ・ ・ ・ <p><img src="images/20110801_10.jpg" alt="10" /></p>
- 締切済み
- ブログ
- ホームページの画像が・・・
こんばんは！今日無料サイトでホームページつくりに挑戦してるんですけど、なぜか画像だけが表示されないんです・・・＞＜HPというフォルダに保存してるんですけど、そこで作るとその中ではちゃんと表示されているのに、インターネットひらいてから自分のＵＲＬを入れて見ると、×になってしまうんです；；何がいけないのか分かりません；；画像とindex.htmlは同じフォルダにあります！画像の名前は、love.jpgでソースには<img src="love.jpg">と打っています!初心者な物で分からなくて・・＾＾；色々調べてそれどおりにやってもダメなんです；；他の画像４個ためしたけど、一つはgif画像で試したんですけどすべてダメでした＞＜
- ベストアンサー
- その他（インターネット・Webサービス）
- ＨＴＭＬでの画像の載せ方
ＨＰをＨＴＭＬで作る練習をしています。 画像をＨＰに掲載したいのですが <IMG src="ファイル名">でいけると思い 88171フォルダのdata01.jpg画像を 掲載したく <img src="88171/data01.jpg"> とメモ帖に書いて保存したんですがデスクトップで確認すると ×マークになり見る事ができません。 何故でしょうか？ また保存時のファイルの種類の判断もよくわかりません。 誰か教えてください。
- 締切済み
- 画像・動画・音楽編集
- firefoxで表示される画像がIEで表示されない
同じHTML内に <img src="images/9.jpg" alt=""商品画像 /> と <img src="images/title_1.gif" /> がありますが firefoxでは上記の画像を含めすべての画像が表示されますが IEでは <img src="images/title_1.gif" />は表示されるが <img src="images/9.jpg" alt=""商品画像 />は 表示されません。 なぜか判りません。 原因がまったくわかりません。 教えてください。よろしくお願いします。
- ベストアンサー
- HTML
- HTMLを使って画像を表示
htmlを使って画像を表示したいのですが、画像を表示されず左上のほうに×印になってしまいます。ソースは<img src=001.jpg>という風にやっているのですがなぜでしょうか？
- ベストアンサー
- その他（インターネット・Webサービス）
- 一瞬画像が
現在、jQueryを使って、以下のようなフラッシュもどきのギャラリー表示を作っていますが このソースをSleipnirというブラウザで実行し、リロードをすると、一瞬画像が縦に並んでしまい 一瞬とはいえ、見た目がくずれてしまいます。 これをくずれないように表示するにはどうしたらよいのでしょうか？ どなたか、よいお知恵をお願いいたします。 <!doctype html> <html> <head> <title>JQuery Cycle Plugin - Example Slideshow</title> <!-- include jQuery library --> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script> <!-- include Cycle plugin --> <script type="text/javascript" src="jquery.cycle.all.min.js"></script> <!-- initialize the slideshow when the DOM is ready --> <script type="text/javascript"> $(document).ready(function() { $('.slideshow').cycle({ fx: 'fade' , timeout: 8000 , speed: 500 // choose your transition type, ex: fade, scrollUp, shuffle, etc... }); $('.slideshow2').cycle({ fx: 'fade' , timeout: 4000 , speed: 4000 // choose your transition type, ex: fade, scrollUp, shuffle, etc... }); $('.slideshow3').cycle({ fx: 'fade' , timeout: 2000 , speed: 8000 // choose your transition type, ex: fade, scrollUp, shuffle, etc... }); }); </script> </head> <body> <div style="width:900px;"> <div class="slideshow2" style="float:left;"> <img src="images/common/a1.jpg" width="300" height="300" /> <img src="images/common/a2.jpg" width="300" height="300" /> <img src="images/common/a3.jpg" width="300" height="300" /> <img src="images/common/a4.jpg" width="300" height="300" /> <img src="images/common/a5.jpg" width="300" height="300" /> <img src="images/common/a6.jpg" width="300" height="300" /> <img src="images/common/a7.jpg" width="300" height="300" /> <img src="images/common/a8.jpg" width="300" height="300" /> <img src="images/common/a9.jpg" width="300" height="300" /> <img src="images/common/a10.jpg" width="300" height="300" /> <img src="images/common/a11.jpg" width="300" height="300" /> </div> <div class="slideshow" style="float:left;"> <img src="images/common/b1.jpg" width="300" height="300" /> <img src="images/common/b2.jpg" width="300" height="300" /> <img src="images/common/b3.jpg" width="300" height="300" /> <img src="images/common/b4.jpg" width="300" height="300" /> <img src="images/common/b5.jpg" width="300" height="300" /> <img src="images/common/b6.jpg" width="300" height="300" /> <img src="images/common/b7.jpg" width="300" height="300" /> <img src="images/common/b8.jpg" width="300" height="300" /> <img src="images/common/b9.jpg" width="300" height="300" /> <img src="images/common/b10.jpg" width="300" height="300" /> <img src="images/common/b11.jpg" width="300" height="300" /> <img src="images/common/b12.jpg" width="300" height="300" /> </div> <div class="slideshow3" style="float:right;"> <img src="images/common/c1.jpg" width="300" height="300" /> <img src="images/common/c2.jpg" width="300" height="300" /> <img src="images/common/c3.jpg" width="300" height="300" /> <img src="images/common/c4.jpg" width="300" height="300" /> <img src="images/common/c5.jpg" width="300" height="300" /> <img src="images/common/c6.jpg" width="300" height="300" /> <img src="images/common/c7.jpg" width="300" height="300" /> <img src="images/common/c8.jpg" width="300" height="300" /> <img src="images/common/c9.jpg" width="300" height="300" /> <img src="images/common/c10.jpg" width="300" height="300" /> <img src="images/common/c11.jpg" width="300" height="300" /> </div> </div> </body> </html>
- ベストアンサー
- JavaScript
- マウスをアイコンに乗せたとき、画像が変わるGalleryを作りたいと思っています
HTMLのホームページにおいて、マウスをアイコンに乗せたとき、画像が変わるGalleryを作りたいと思っています。 色々なページを見て、 （前略） <SCRIPT> <!-- function In(ImgSrc){ document.images['SCR'].src = "images/"+ImgSrc;} function Out(ImgSrc){ document.images['SCR'].src = "images/"+ImgSrc;} --> </SCRIPT> （中略） /*ボタン１ ここにマウスを乗せて画像１を変更する*/ <IMG onmouseover="In('gra01L.jpg')" onmouseout="Out('gra00.jpg')"src="botan_gra01.jpg" border="0"></TD> /*画像１*/ <IMG height="300" src="images/gra00.jpg" width="500" border="0" name="SCR"> /*ボタン２ ここにマウスを乗せて画像２を変更する*/ <IMG onmouseover="In('gra01.jpg')" onmouseout="Out('gra00.jpg')" src="botan_gra01.jpg" border="0"> /*画像２*/ <IMG height="300" src="images/gra00.jpg" width="500" border="0" name="SCR"> （後略） というやりかたでを採用したのですが、このやりかただと一つのページにつき、一箇所の画像しか変更させることができません。 （上では図２しか変更できません） 置いたアイコンによって、個別のウィンドーの画像を変更させたいのですが、どのようにすればいいでしょうか。 参考になるＨＰでもあれば教えてください。
- ベストアンサー
- HTML
- ホームページに画像が表示されません
Windows XPでホームページを作成中なのですが、画像を１つも表示することができまず困っています。 以下のように作成しました。 ・マイ ドキュメント＞Home Page の中にメモ帳で作成したページを .htm で保存しました。（<img src="1/g.JPG">と<body>に書きました） ・画像をマイ ドキュメント＞Home Page＞1 の中に g.JPG で保存しました。 ・２つともFFFTPでアップロードをしました。 無料ホームページを使用せずにマイ ドキュメントからページを表示すると画像は載っているのですが、FFFTPで開くと×になってしまいます。 なぜホームページ上では表示されないのか分からず困っています。 よろしくお願いします。
- ベストアンサー
- Windows XP
