• ベストアンサー

サイトのコードを作成中なのですが写真の青で示した部

サイトのコードを作成中なのですが写真の青で示した部分に画像が出てきません。コードではHTMLのimgのところに画像名である0000.jpgを入れています。もともと別の画像があって入れ替えたのですが画像サイズは前のものと同じにしないといけないのでしょうか?よろしくお願いします。

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

  • ベストアンサー
  • celtis
  • ベストアンサー率70% (2271/3210)
回答No.2

インスペクターの左側で選択されているコードの中で、ダブルクォート記号に囲まれている部分があります。 この下線部分にマウスポインタを乗せると、画像のサムネイルがふきだしで表示されますか? 表示されるなら画像のファイルパスに問題はないと思います。 表示されないならファイルパスが間違っているかもしれませんので、確認してみましょう。 また、インスペクターの右側に表示されているCSS部分に、Opacityの項目があるようです。 画像が荒いので確認できませんでしたが、この値が0になっていると完全に透明扱いなので見えなくなっているのでしょう。 Opacityの左側に表示されているチェックボックスで有効無効を切り替えてみてください。 http://www.htmq.com/css3/opacity.shtml imgタグのclass属性値にlazyloadedという値が見えます。 Javascriptを利用した画像の遅延読み込み機能が働いているのかもしれません。 https://b-risk.jp/blog/2018/11/lazysizes/ 添付画像から読み取れるのはこれくらいだと思います。 Firefoxのインスペクターについては、下記のサイトが参考になるでしょう。 https://support.sugutsukaeru.jp/ja/customize/homepage-design/253.html https://nelog.jp/firefox-developer-tool

その他の回答 (1)

  • bardfish
  • ベストアンサー率28% (5029/17765)
回答No.1

画像が小さすぎてコードが読めません。

関連するQ&A

  • HP作成で、何故か画像を変更できない部分がある

    ページを、現在作成している途中です。 このページは、テンプレートを使っていて、手を加えて作成するものです。 この中で、一か所、疑問があります。 それはこのページの中央にある 「 緑色の木が薄く見えている 900×250 の画像 」です。 この画像を、自分の手持ちの同一サイズの 900×250 の画像と入れ替えてみようかと思いましたが、何故かHTML部分にもそれらしい部分がありません。 このページ内にある、他の2枚の画像、「 "img/1.jpg 」「 "img/2.jpg 」 とは、性質が異なると感じている次第です。この2枚はできるようです。 緑色の画像を入れ替える方法を知っている方がいましたら、出来ればそのHTMLの記述内容をそのまま記していただければ幸いです。、ご回答をよろしくお願いいたします。

  • UBBコードについて

    こんにちは。 さる掲示板で「UBBコードを使えます」と書いてありました。HTMLより記述が簡易だということなので使ってみましたが、よく分からない点があります。 リンクは[url][/url]を使うのは分かります。 画像を[img][/img]で貼りつけるのも分かります。 それではある画像をクリックした時にリンク先に飛んでもらうようにするにはどう書けばいいのでしょうか? それと、UBBのコードをたくさん解説しているサイトをご存知ですか?何サイトか見て回りましたが、どうもコードの種類が少ないようなので・・・

    • ベストアンサー
    • HTML
  • iPhoneで写真と取ると画像ファイルが2枚できる

    iPhoneで写真を撮ったら、画像ファイルが2枚できます。 環境ですが、 ・iPhone12 ・ iOS15.5 ・画像サイズ(比率)16:9 ・iOS純正のカメラアプリを使用 出来上がるのは、 IMG_1234.JPG IMG_E1234.JPG です。(1234の数字は例です) ファイル名にEが無いのが4:3の画像、ファイル名にEがあるのが元画像をカットして16:9にしたものです。自動 比率4:3設定のときはIMG_1234.JPGのみ、比率16:9設定のときはIMG_E1234.JPGのみ、のように、合計1枚のみにしたいです。 いろいろ調べましたが、方法が見つかりませんでした。 何か方法はありますか。 ※PCに取り込んでから、ファイル名Eを含む条件でフィルタをかけて消すとか、あると思います。これだと、4:3のみで撮ったファイルまで消してしまいますし、大量にあると目視確認も大変です。 (それか、別途カメラアプリをダウンロードして使用するとか・・・)

  • 写真を別ウインドウで拡大した後、別の写真を拡大する時に前に開いたウインドウに表示する

    現在写真を公開するHPを作成中なのですが、以下のHTML文で複数写真を公開すると、拡大の際にいくつものウインドウが出てしまい、困っています。 <a href="@@@@@.JPG" target="_blank"> <img src="@@@@@.JPG" width=$$% height=$$%> </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
  • 写真を貼付け出来るサイト

    例えばこのようなサイトに http://www.artfesta.net/ranking/rank21/html/ 自分のホームページ(実際はオンラインアルバムです)の紹介文を書いてサムネール?(バナー?)写真を貼付けたいのですがどうもうまく行きません。現在のやり方は自分のオンラインアルバムに写真を貼付けているのですが写真部分(バナー部分)に写真が表示されません。 ↓このような登録画面です 【タイトルバナーのURL】 ※バナー(画像)のURLの最後が「.gif」「.jpg」「.png」のいずれかで終わるようにしてください。 ※表示されるサイズは 横120×縦90(ピクセル) です。 ※半角英数字130文字以内 どうしたら貼付けが出来るのでしょう・・・・ (どこかのサイトに写真を貼ってそれをサムネール表示させるのだと思うのですがどこに貼付けたら適切に表示されるのかわかりません。) 実際、ホームページは作った事がないので簡単なやり方を教えていただけると助かります よろしくお願いします

  • xhtml&CSSで携帯サイト作成

    xhtml&CSSで携帯サイトを作成しているのですが、思うようにうまくいきません。 imgタグで表示したjpgファイルをセンタリングしたいのですが、色んな方法を試したのですが、どれも出来ませんでした。 xhtmlで、画像をセンターに表示させる、一番シンプルな方法はどうすればよいのでしょうか? また、作り方が載っているお勧めサイト等あれば教えて頂きたいです。

    • ベストアンサー
    • HTML
  • HP作成 縮小⇒拡大した写真に文を入れたいのですが・・・

    メモ帳でHPを作成しています。 縮小⇒拡大した写真の下に文を入れたいのですが・・・ <A href="img\321.JPG" target="_blank"><IMG src="img\0321.JPG"alt="7月1日"></A> 上記だと写真だけしかないので、説明文も大きい写真の方に入れたいのですが、、、 初心者ですが、よろしくお願いいたします。

  • GDで画像表示

    GDのimagejpeg()などでJPGバイナリをブラウザに送信することができますが、<img scr= のような所に画像を表示できませんか? やりたいことは、xx.jpgを640,480にリサイズしてyy.phpが出力するHTMLタグの<img srcの部分に640,480のサイズで画像を表示することです。 xx.jpgはユーザが適当なサイズでアップロードする画像です。 640,480にリサイズした画像を保存してから<img srcで表示するなら、それは可能だということが分かりますが、メモリ上で解決したいと思っています。

    • ベストアンサー
    • PHP
  • QRコードで写真を出したいのですが

    QRコードで読み取れば、写真が出るようにしたいのですが、可能なのでしょうか?QRコード自体でなく、QRコードを読み取ると写真画像などが携帯の画面に直接出るようにしたいのです。作成するフリーソフトなどありますでしょうか?

専門家に質問してみよう