• ベストアンサー

『写真を埋め込む方法』を教えて頂けませんか?

パソコンのしくみ、よくわからなくてすみません...TT 仲間のHPの画像掲示板に、写真を埋め込みたいのですが (個人ブログではなく、共同掲示板みたぃな場所) その方法を教え頂けませんか? 画面に<img src="http://●●●●●.jpg">と載せても 写真の画像が現れてきません...TT それと、その写真を元のサイズより大きく載せる方法も教えて頂けませんか? どうぞよろしくお願いいたします☆

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

  • ベストアンサー
  • neorg
  • ベストアンサー率54% (235/433)
回答No.3

補足の通りだと表示されるはずで タグが対応してない場合もそうなりますけど 文字が表示されてしまうとゆうことは、 半角でないとだめだけど、全角で書いているとか? 他の人は、表示されているのならば、 右クリックして、ソースを表示してみて 参考にしてみるとかどうでしょう? 仲間の方に聞けるなら聞いてみるのもいいかもしれません。

momoly
質問者

お礼

何度もご丁寧に説明していただきまして、ありがとうございます!!! タグ表示指定だし、半角で打ってるし、 他の人の表示見ても同じ感じだし... なんで画像が浮かびあがってこないのか...ホント謎です...TT 一度、サイトの管理人さまに聞いてみます。 海外サイトなので、パソコン用語交じりの言葉の意味がわかるかどうか~--; ご親切にして頂き、本当にありがとうございました!!!

その他の回答 (2)

  • neorg
  • ベストアンサー率54% (235/433)
回答No.2

大きさを変えるには、 http://www.tagindex.com/html_tag/img/img_width.html を参考にしてください 写真を右クリックして、プロパティを選びます。 すると、 アドレス:http://www.xyz123.com/picture/img/sample.jpg (URL) ↑一例で実際には存在しません。 ってあると思いますが そこのアドレスを、マウスの左ボタンを押しながら動かすと 青地に白い文字になって選択できると思います。 そこに、マウスの矢印をもっていき右クリックしてコピーを 選択して、貼り付ければより確実にできるとおもいます。 (この例の場合はhttp~/sample.jpgまでを選択してください) 途中を省略してしまうと画像の場所がわからず 表示できないことがあるとおもいます。

momoly
質問者

補足

ありがとうございます。 写真を右クリックしてURLを見る方法はわかるのですが… 例えば… 載せたい写真の画像URLが『http://www.xyz123.com/picture/img/sample.jpg』なら、 掲示板に、 <img src="http://www.xyz123.com/picture/img/sample.jpg "width="200" height="100"> と書き込めば、写真の画像が浮かびあがってきますか?? 写真のURLはちゃんと『http://●●●●.jpg』になってるのに 文字がそのまま出るだけで、画像が現れないのです… 何か間違ってますか? 写真を載せたい場所は、自分のHPではなく、共同掲示板ですが、 他なにか付け足さないとダメですか? お手数おかけしてすみません… よろしくお願いいたいします…TT

noname#100277
noname#100277
回答No.1

ファイルアップ掲示板へのファイル転送には2つ存在。 1.「参照」ボタンをクリックしてUPするファイルを選択して「開く」でフォームに文字列が自動入力されたのを確認して「送信」。 2.書き込む前後に「メールで送信」で添付ファイルを送信。 HTMLタグの場合URL(URI)が「http://」で始まるモノで無いと表示はされません。 ローカルのアドレスでは駄目。 よって上記の1や2の方法を直接実行した方が確実でしょう。 なにせホストにファイルを転送しないと駄目だからです。 大きさ変更はimgのwidth="" height=""で縦横の大きさを変更可能。 但しimg要素が使える仕様で無ければ無効。

momoly
質問者

お礼

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

momoly
質問者

補足

その掲示板は、以前はホストにファイルを転送する形でしたが、 今は、HTMLタグを使用して載せる方法しかできなくなりましたので その方法を教えて頂けますか… img要素が使える仕様です。 載せる写真は、URL(URI)が「http://」で始まるモノです。 写真のURLだけでなく、ホストのURLとかも載せないと 画面に写真が浮かびあがってこないのでしょうか?? 説明ヘタですみません… できましたら、簡単な用語で説明して頂けたら嬉しいです… どうぞよろしくお願いいたします…TT

関連するQ&A

  • infoseek iswebの無料HPに写真が掲載できない

    「写ルンです」で撮った写真をCD-ROMに焼き付けるサービスでFUJICOLOR CDを作ってもらい、その写真を20枚、FFFTPでアップロードしました。 infoseekのiswebライト管理画面でファイルマネージャーを見ると、一覧表が出て、「ファイル/フォルダ名」に 1004902/ というのがあります。 そこをクリックすると出る一覧表の「ファイル/フォルダ名」の一番上に LOW_RES/ というフォルダがあり、その下に画像の名前(私がつけた画像名)が20個あります。 この画像名の隣のマークをクリックすると小さな画面が立ちあがってどんな写真か見られるのですが、画像サイズが大きすぎるようです。 それで、LOW_RES/ をクリックするとまた一覧表が出てきて、そこの画像名(最初からつけられてた画像名)の隣のマークをクリックしたら、丁度良さそうなサイズの画像のようで、こちらをHPに使いたいなと思いました。 試しに12枚目の写真(FL000012.JPG)の画像を貼るタグを「こうかな?」と打ち込んでみたのですが… <img src="HPのTOPページのURL/10004902/LOW_PES/FL000012.JPG"> <img src="HPのTOPページのURL/LOW_PES/FL000012.JPG"> <img src="HPのTOPページのURL/FL000012.JPG"> この3つではどれもダメでした。 HPのTOPページのURLのところを ../ にしてもダメでした。 小文字じゃないとダメなのかな?と思ったのですが、どこかのサイトのバナーをダウンロードしてアップした時、大文字が使われていましたが、ちゃんと貼れましたので、関係ないかな…と思いました。 タグはどう打てばいいのでしょうか? よろしくお願いします。 ※widthとheightは指定しないで元のサイズで表示したいと思います。

    • ベストアンサー
    • HTML
  • php スクレイピングで処理後 修飾子?

    スクレイピング処理後、元のURLが/hoge.jpgなのでURLが正しく表示されません。 修飾子?みたいなので文章を追加して表示させるしか方法はないのでしょうか? このような状態です。 <img src="/hogehoge.jpg">の状態だと自分の管理しているHPのURLで開いてしまう。 これを <img src="/hogehoge.jpg">を<img src="http://hogehoge/hogehoge.jpg">としたいです。 あと、画像のサイズは変更できるのでしょうか? よろしくお願いします。

    • 締切済み
    • PHP
  • ブログの写真アップで重くなる理由は?

    FC2ブログを運営してますが 当然(?)記事の中に写真をアップする時が、あります ただ、以前に 写真が大き過ぎると(?)記事全体の表示に時間が掛かる と指摘して頂いた事が、ありました 私の場合、記事に写真をアップする場合 何通りか、方法を使用してますが まず、自分の写真をアップする時は 一旦、写真をFC2ブログの写真にアップ そこからタグを使用して <a href="自己ブログ写真のURL" target="_blank"><img src="自己ブログ写真のURL" alt="写真のタイトル" border="0" width="サイズ" height="サイズ" /></a> と(自動)入力します ただ、この時 実際には正方形では並べてませんが 記事幅の関係で、写真を2つ並べる時には これはピクセル数と判断してますが 150×150位で、3つ並べる時には 100×100位で調整してます この時、元の画像サイズなんですが 大きくても大体300~400位に収まる様に縮小してます 但し、他のHPにアップしてる画像だと <a href="他人写真のURL" target="_blank"><img src="他人写真のURL" alt="" border="0" width="サイズ" height="サイズ" /></a> という感じでアップしてますが 要するに、自分のブログ写真へのリンクか 他人の写真へのリンクかの違いみたいな感じです そこで聞きたいんですが 上記で写真が重く、なる時って どの時なんでしょうか? つまり、元画像が300~400位の時 そのままアップしたら重いのか? アップ時にタクで調整して 150×150位で短縮したら問題無いのか? 元画像が、他のHP画像だった場合は? 宜しく御願いします

  • ブログに大きい写真の貼り方を教えて下さい!

    宜しく御願い致します!! gooのブログに大きい写真を貼りたいのですが 小さい写真になってしまいます。 以前、タグをはる方法で画面上に何枚も貼る方法を 他のHPで紹介されていたのを使わせていただいていたのですが、HPを見つけることができません。 <img src="○○○○○○"> ↑このようなタグだったのですが少し違うようでうまくいきません。 どなかた存知の方がいらっしゃいましたら教えて下さい。 よろしくお願いしますM(__)M

  • HPに写真を載せる方法

    HPに写真を載せるに当たって、アクセスのたび4枚の写真を順番に表示させたいのです。 写真をA~Dとした場合、ランダムならば <SCRIPT Language="JavaScript"> <!-- var imgMax = 4 var imgRand = Math.floor(Math.random() * imgMax); if(imgRand == 0) document.write('<img src="A.jpg" width=380 height=285>'); else if(imgRand == 1) document.write('<img src="B.jpg" width=380 height=285>'); else if(imgRand == 2) document.write('<img src="C.jpg" width=380 height=285>'); else if(imgRand == 3) document.write('<img src="D.jpg" width=380 height=285>'); //--> </SCRIPT>  ここまでは判ったのですが・・・・ A⇒B⇒C⇒D Aに戻る に、変更するには どうしたらよいのでしょうか? 初心者で、専門用語は判りませんが宜しくお願い致します。

  • ホームページ。写真が映りません。

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script type="text/javascript"> $(function(){ setInterval(function(){ $('.blink').fadeOut(1200, function(){$(this).fadeIn(200)}); }, 1400); }); </script> <img src="/img/4673.jpg" "/img/8040.jpg""/img/8006.jpg""/img/2582.jpg" "/img/6920.jpg""/img/0036.jpg""/img/1943.jpg""/img/0840.jpg""/img/0127.jpg" "/img/3783.jpg""/img/9118.jpg""/img/9365.jpg""/img/4392.jpg" "/img/6805.jpg" "/img/9374.jpg" "/img/7303.jpg" "/img/3879.jpg""/img/5934.jpg""/img/9364.jpg"alt="" width="990" height="660" class="blink"> http://klutche.org/archives/1612/ いつも教えて下さり有難うございます。 上記URLを見て、JavaScriptを試したのですが、1つの写真サイズでフラッシュさせるには? のつもりが、990*660が10枠以上出てきましたので、上記のような不自然なJavaScriptになりました。 1番の疑問点が写真ファイルの置くところです。 ワタシはUbuntu16.04で/var/www/htmlの下に置いてます。 ホームページも同じ場所です。 全く映りません。 写真ファイルはどのように置くべきですか? ご回答の程、宜しくお願い申し上げます。

  • 掲示板に画像(写真など)を添付する方法について?

    皆さん今日は。 1つ教えて頂きたいのですが・・・ 色々な掲示板を見ていますと・・・美しい写真等を添付しているカキコを 見ることがあります。 「タグ」を使用しているのでしょうね。 で・早速・本で・調べて見ました・・ 例えば・・・下記のようなサンプルが ありましたが・・・ <P><IMG src="image/kaki21.JPG" width="368" height="493" border="6" hspace="5" align="right"></P> いったい・・どのよにして・・・自分のPCの中にある画像を↑の「タグ」に 入れるのかが・・解りません。どなたか・・よろしくご指導方お願いいたします。 ちなみに・・自分のHPの掲示板に↑の式をいれてみましたところ×が表示され写真は、表示されませんでした。 当方・PCの初心者ですので・・・なるべく詳しく・やさしくご教示いただけましたら幸甚です。 os:windows98、IE:5.0です。 以上

  • ホームページの<TABLE>の簡易的な方法について

    ホームページ作成で写真をサムネールで表示し、クリックすると大きなサイズを表示する 簡便な方法について教えて下さい 今は、メモ帳で下記の様な記述を1枚1枚記入して作成しています これを、アプリで写真の配置で自動的に登録させるようなものがありますか? 毎回ホームページを作成する都度行うのも大変なので・・・ 写真を大小用意しておいて、レイアウトにはめるだけでできる様なものがあると良いのですが なにかありませんでしょうか? <TABLE> <TR> <Td>テスト</td> <Td>テスト</td>  ・  ・ <Td>テスト</td> </TR> <TR> <TD><a href="2002\large02/(サイズ大).jpg"><IMG src="2002/before/(サイズ小).jpg"></a></td> <TD><a href="2002\large02/(サイズ大).jpg"><IMG src="2002/before/(サイズ小).jpg"></a></td>  ・  ・ <Td><a href="2002\large02/(サイズ大).jpg"><IMG src="2002/before/(サイズ小).jpg"></a></td> </TR> </TABLE>

  • ブログの写真が勝手に変わっています

    FC2でブログを書いてます。 自分のデジカメで撮影した画像をアップロードして この画像で記事を書くを選んで、 表示されたタグをブログの記事に貼り付けています。 で、過去の記事を読み返してみると、 時々別の写真(別の記事の画像)が貼り付けられています。 多分、デジカメで撮ったときに勝手に付与されるIMG_001.jpgとかが関係あるみたいで、アップロードした写真のこの番号が重複していると起こるのかなと思ったのですが・・・ すでにアップロードした画像をパソコン上から消してしまうとサーバーからも画像が消えてしまうんですか?    重複させずにIMG_XXX.jpgを付与する方法はありますか?

  • 連続したURLへのwindow.openの指定方法

    JavaScript初心者です。 画像のサムネイル一覧のページがあり、サムネイルをクリックすると元の画像が別ページで開く というページを作っています。 今は <a href="元の画像.jpg" target="_blank"><img src="サムネイル.jpg"></a> としているのですが、window.openを使ってウィンドウのサイズ指定を行いたいと考えております。 画像ファイル名が"001.jpg","002.jpg","003.jpg"…となっている場合、その画像のサイズを取得してそのサイズにウィンドウを開くスクリプトを教えてください。 宜しくお願いします。