写真集のサーバーで写真が表示されない理由

2023/11/03 09:26

このQ&Aのポイント

写真集のサーバーで写真が表示されない原因として、画像の保存場所やHTMLの構文が考えられます。
ローカルのPCからは写真が見えるが、他のPCでは見えない問題が発生しています。
アドバイスをいただきたいと思います。

ベストアンサー

写真集のサーバーを作っています。写真が写りません。

2017/03/31 11:54

<p><IMG SRC="/home/kouzou/ピクチャ/2016-12-29--18.09.40/00005.jpg"width="990"height="660"></p> ローカルのPCから見れるようになりました。但し、文章だけです。写真は見れません。写真はピクチャに保存しホームページは、DocumentRootに保存しました。ホームページの写真を映すための構文は上記です。今まで、サーバーでは「gedit」で開くとしないでクリックすると見れてました。何故他のPCだと見れないのでしょうか？アドバイスの程、宜しくお願い申し上げます。

この投稿のマルチメディアは削除されているためご覧いただけません。

abe022315
お礼率97% (220/225)

ハードウェア・サーバー
回答数2
ありがとう数4

みんなの回答 （2）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

田中太郎（@hinso_at）
ベストアンサー率45% (203/450)

2017/03/31 15:47 回答No.1

SRC="/home/kouzou/ピクチャ/2016-12-29--18.09.40/00005.jpg" 指定された画像のパスがローカルディレクトリのためかと思います。 SRC="http://○○/2016-12-29--18.09.40/00005.jpg" 等のように、他のPCから画像を見れるパスを設定する必要があるかと思います。

質問者

お礼 2017/03/31 16:23

早々のご回答有り難うございます。すいませんが、〇〇の部分には何が入りますか？教えてください。

質問者

補足 2017/03/31 16:21

〇〇の部分には何が入りますか？度々すいません。ご回答のほど宜しくお願い申し上げます。

その他の回答 (1)

田中太郎（@hinso_at）
ベストアンサー率45% (203/450)

2017/03/31 16:50 回答No.2

> 〇〇の部分には何が入りますか？他のPCから見る際のURLになるかと思います。ご自身で設定されている項目になりますので、私にはわかりません。

質問者

お礼 2017/05/13 05:18

解りました。自分で考えます。

関連するQ&A

JPEG写真がアップロードされない
多分、超基本的な質問です。ビルダーを使っています。３つのフレームと３枚の写真がありますが一番左の写真（image5.jpg）だけがアップロードされません。同じように処理した＜つもり＞ですが、なにが原因なのでしょうか。タグを記しますのでご指摘ください。 <TD width="237"><IMG src="image5.jpg" border="0" width="247" height="205"></TD> <TD></TD> <TD></TD> <TD></TD> <TD width="237"><IMG src="image.jpg" border="0" width="247" height="205"align="middle"></TD> <TD></TD> <TD></TD> <TD></TD> <TD width="283"><IMG src="image1.jpg" border="0" width="250" height="202"></TD>
- ベストアンサー
- ホームページ作成ソフト
HPに写真を載せる方法
HPに写真を載せるに当たって、アクセスのたび４枚の写真を順番に表示させたいのです。写真をA～Dとした場合、ランダムならば <SCRIPT Language="JavaScript">  </SCRIPT>　ここまでは判ったのですが・・・・ A⇒B⇒C⇒D　Aに戻る　に、変更するにはどうしたらよいのでしょうか？初心者で、専門用語は判りませんが宜しくお願い致します。
- ベストアンサー
- レンタルサーバ・ASP
ホームページのメニューと写真の間に、すき間があく。
はじめまして。現在、webデザインの勉強のために架空のサイトを作っています。そこで、写真にあるようにメニューバーとその下の写真との間にすき間ができてしまいます。 IE８では、問題ありません。 firefox5,choromeでトラブルがあります。調べてメニューと、下の写真のmarginとpaddingを0にしたり、 vertical-alignを指定してみたりしたのですが、変わりませんでした。下記にそのhtmlとcssを載せていますので、ご指摘お願いします。 ※dream weaver cs5で作りました。 =========================================== html <div id="menu"> <ul> <li><img src="image/btn_01_s1.jpg" width="160" height="50" alt="ホーム" /></li> <li><img src="image/btn_02_s1.jpg" width="160" height="50" alt="事業内容" /></li> <li><img src="image/btn_03_s1.jpg" width="160" height="50" alt="実績と強み" /></li> <li><img src="image/btn_04_s1.jpg" width="160" height="50" alt="資料請求" /></li> <li><img src="image/btn_05_s1.jpg" width="160" height="50" alt="会社概要" /></a></li> </ul> </div> <div id="photo"> <p><img src="image/catch_s1.jpg" width="800" height="280" /></p> </div> ============================================= css /*メニューバー*/ #menu { width: 800px; height: 50px; margin: 0px; padding: 0px; } #menu ul li { float: left; border-style: none; vertical-align: text-bottom; } /*写真*/ #photo { clear: both; height: 280px; width: 800px; margin: 0px; padding: 0px; }
- ベストアンサー
- HTML
html内かscript内で画像出力。どちらが軽い
ホームページの読み込みは、画像を使えば使うほど重くなってしまいます。下記コードでは、(1)と(2)で1.jpg～5.jpgの画像をページに出力しています。 (1)はHTMLに、(2)はscript内に、 (1)と(2)では(2)の方がhtmlに<img src=".jpg" width="800" height="300"/> と書かなかった分、ページが重くならない、ということになりますか？ <html> <head> <title>HTML上に直接imgを出力した場合</title> </head> <body> <img src="1.jpg" width="800" height="300"/> <img src="2.jpg" width="800" height="300"/> <img src="3.jpg" width="800" height="300"/> <img src="4.jpg" width="800" height="300"/> <img src="5.jpg" width="800" height="300"/> </body> </html> <html> <head> <title>HTML上にはimgを出力せず、script内でimgを出力した場合</title> <script language="JavaScript"> var imgSanple = new Array( "1.jpg", "2.jpg", "3.jpg", "4.jpg", "5.jpg"); var randomSelect = Math.floor((Math.random() * 100)) % imgSanple.length; var i = "<img src='"+imgSanple[randomSelect]+"' width='800' height='300'>"; document.write(i); // --> </script> </head> <body> <noscript> <img src="1.jpg" width="800" height="300"> </noscript> </body> </html>
- ベストアンサー
- JavaScript
Javaスクリプトで要素の表示・非表示の制御
すみません。大変困っています。どなたかお分かりになられます方がいらっしゃいましたら、どうかご享受いただけませんでしょうか？ javascriptの記述方法についてとなります。制御したいソースコードは下記の通りです。 <ul id="img_box"> <li><img src="../images/p1.jpg" width="100" height="50" /></li> <li><img src="../images/p2.jpg" width="100" height="50" /></li> <li><img src="../images/no.jpg" width="100" height="50" /></li> </ul> 上記のソースコードの表示・非表示ですが、imgタグの中のファイル名がno.jpgだった場合のみに<li>から</li>をdisplayをnoneとして出力したいです。 javascript適用後のソースコードは下記になるようにしたいのですがご享受いただけませんでしょうか？ <ul id="img_box"> <li><img src="../images/p1.jpg" width="100" height="50" /></li> <li><img src="../images/p2.jpg" width="100" height="50" /></li> </ul> お手数をおかけいたしますが、何卒よろしくお願い致します。
- ベストアンサー
- JavaScript
テーブルで画像を並べるときに・・
今ホームページをつくっていて幅600pxのロゴ(jpg画像)の下に幅280px,80px,80px,80px,80px画像を並べています。全部の画像をぴったりくっつけたいんですが、上のロゴと下の5つ並んだ画像の間に1pxくらいの隙間が出来てしまいます。ソースは <table width="600" border="0" cellpadding="0" cellspacing="0"> <tr> <td colspan="5"> <img src="img/title.jpg" width="600" border="0"> </td> </tr> <tr> <td> <img src="img/1.jpg" width="280"height="35" border="0"> </td> <td> <img src="img/2.jpg" width="80" height="35" border="0"> </td> <td> <img src="img/3.jpg" width="80" height="35" border="0"> </td> <td> <img src="img/4.jpg" width="80" height="35" border="0"> </td> <td> <img src="img/5.jpg" width="80" height="35" border="0"> </td> </tr> </table> http://web-channel.com/index.html このホームページのようにしたいんですがどこを直したらいいんでしょうか？環境は、WinMEでエディタにタグ打ち込んで作ってます。
- ベストアンサー
- HTML
ホームページの写真の拡張子がないのに見れるのはなぜ？
ホームページを自分で作ると写真に拡張子をつけないと駄目ですよね？例えば abc.jpg xyz.gif とか。　そうしないとブラウザが読み込んでくれないときいたことがあります。　今日、たまたま下のページの写真だけ拡大してみようとしたらうまくいかなくてページのソースをみたらどの写真も拡張子がついていませんでした。 http://www.lead-racing.com/hidsystem.2.html ここでは <IMG src="H.H4.1" width="174" height="131" border="0"> <IMG src="HID.H3" width="171" height="126" border="0"> みたいになっていて写真の拡張子がないのになぜだかブラウザで見ることができていました。だけど写真だけ読み込んで拡大してみようとしたらエラーでうまくいきませんでした。拡張子がなくても写真が表示できるなんて初めてききました。というか、そんなの、どうして可能なんでしょうか？ホームページを作って2年くらいやってますけどいつも拡張子には気をつけていたのでショックでした（しかもホームページビルダーでこんな拡張子のない写真を取り込んだページが作れてしまうということにもさらにびっくり）。どうしてこんな拡張子がない写真なのにサーバへのアップロードもできるしブラウザも読み込めたりできるのですか？
- ベストアンサー
- ネットトラブル
2箇所に設定したスライドショー、1箇所しか動かない
こんにちは、JavaScript超初心者です。スライドショーを2箇所に設定したのですが、 1箇所しか動きません。ソースを見ていただき、アドバイスを頂けると助かります。よろしくお願い致します。 <BODY onLoad="slideshow()"> <TABLE WIDTH="" BORDER="" CELLSPACING="" CELLPADDING=""> <TBODY> <TR> <TD WIDTH="" HEIGHT=""> <IMG SRC="akaemi.jpg" ID="img1" WIDTH="" HEIGHT=""> </TD> <SCRIPT LANGUAGE="JavaScript">  </SCRIPT> <TD WIDTH="" HEIGHT=""> <IMG SRC="tyou1.jpg" ID="img2" WIDTH="" HEIGHT=""></TD> <SCRIPT LANGUAGE="JavaScript">  </SCRIPT> </TR> </TBODY> </TABLE> </BODY>
- ベストアンサー
- JavaScript
一瞬画像が
現在、jQueryを使って、以下のようなフラッシュもどきのギャラリー表示を作っていますがこのソースをSleipnirというブラウザで実行し、リロードをすると、一瞬画像が縦に並んでしまい一瞬とはいえ、見た目がくずれてしまいます。これをくずれないように表示するにはどうしたらよいのでしょうか？どなたか、よいお知恵をお願いいたします。 <!doctype html> <html> <head> <title>JQuery Cycle Plugin - Example Slideshow</title>  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>  <script type="text/javascript" src="jquery.cycle.all.min.js"></script>  <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
助けてください＞＜IE上で1pxのズレ
こんにちわ。組んだテーブルに謎の１ｐｘがはいってしまいます。ファイヤーフォックスでは正常なのですがIEでは1pxの隙間ができてしまうようで。どなたか分かる方いらっしゃたらお願いします＞＜ <table width="660" border="0" cellpadding="0" cellspacing="0"> <tr> <td colspan="2" valign="top"> <img src="img/test_01.jpg" width="660" height="177" alt=""></td> </tr> <tr><td rowspan="2" valign="top"> <table width="316" border="0" cellpadding="0" cellspacing="0"> <tr> <td colspan="2"> <img src="img/test_02.jpg" width="316" height="46" alt=""></td> </tr> <tr> <td> <img src="img/test_05.jpg" width="144" height="47" alt=""></td> <td> <img src="img/test_06.jpg" width="172" height="47" alt=""></td> </tr> <tr> <td colspan="2"> <img src="img/test_08.jpg" width="316" height="169" alt=""></td> </tr> </table> </td></tr> <tr><td valign="top"> <table width="344" border="0" cellpadding="0" cellspacing="0"> <tr><td> <table width="344" border="0" cellpadding="0" cellspacing="0"> <tr> <td> <img src="img/test_03.jpg" width="181" height="62" alt=""></td> <td> <img src="img/test_04.jpg" width="163" height="62" alt=""></td> </tr> <tr> <td colspan="2"> <img src="img/test_07.jpg" width="344" height="83" alt=""></td> </tr> </table> </td></tr> <tr><td> <table width="344" border="0" cellpadding="0" cellspacing="0"> <tr> <td> <img src="img/test_09.jpg" width="160" height="62" alt=""></td> <td> <img src="img/test_10.jpg" width="184" height="62" alt=""></td> </tr> <tr> <td colspan="2"> <img src="img/test_11.jpg" width="344" height="23" alt=""></td> </tr> <tr> <td> <img src="img/test_12.jpg" width="160" height="32" alt=""></td> <td> <img src="img/test_13.jpg" width="184" height="32" alt=""></td> </tr> </table> </td></tr> </table> </td></tr> <tr><td colspan="2"> <table width="660" border="0" cellpadding="0" cellspacing="0"> <tr> <td colspan="5"> <img src="img/test_14.jpg" width="660" height="141" alt=""></td> </tr> <tr> <td> <img src="img/test_15.jpg" width="130" height="150" alt=""></td> <td> <img src="img/test_16.jpg" width="130" height="150" alt=""></td> <td> <img src="img/test_17.jpg" width="140" height="150" alt=""></td> <td> <img src="img/test_18.jpg" width="130" height="150" alt=""></td> <td> <img src="img/test_19.jpg" width="130" height="150" alt=""></td> </tr> <tr> <td colspan="5"> <img src="img/test_20.jpg" width="660" height="40" alt=""></td> </tr> </table> </td></tr> </table>
- 締切済み
- HTML

写真集のサーバーで写真が表示されない理由

写真集のサーバーを作っています。写真が写りません。