質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.46%
JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

Q&A

解決済

2回答

1698閲覧

画像の複数枚表示について

naots

総合スコア11

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

0グッド

0クリップ

投稿2021/11/12 07:07

編集2021/11/12 07:12

以下のサイトを参考にフォルダ内の複数枚の画像をhtmlで表示させようと思ってます。
https://shu-sait.com/gazou-hozon-basyo/#outline__5

html

1<!DOCTYPE html> 2<html lang="ja"> 3<head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1"> 6</head> 7<body> 8 <img src=".\group\picture4.jpg" alt="" width="300" height="200"> 9</body> 10</html>

groupというフォルダから1枚だけ表示させることはできますが、groupに入ってる画像picture1.jpg~picture4.jpgをワイルドカードを使ってpicture*.jpgとすればフォルダ内の画像を全て表示できると考えたのですがうまくいきません。
<img src="group\picture1.jpg" alt="" width="300" height="200">
<img src="group\picture2.jpg" alt="" width="300" height="200">
<img src="group\picture3.jpg" alt="" width="300" height="200">
といった全ての画像を指定するのではなくフォルダ内の画像をワイルドカードを使って表示することができますでしょうか。
よろしくお願いいたします。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

Lhankor_Mhy

2021/11/12 07:10

「できないです」という回答で大丈夫ですか?
naots

2021/11/12 07:13

フォルダ内の複数枚の画像表示ができないですということです。1枚だけ表示させることはできます。
Lhankor_Mhy

2021/11/12 07:16

「できないです」という回答で構わないと読みました。そのように回答します。
guest

回答2

0

ベストアンサー

できません。

HTMLにはそのような機能はないですし、JavaScriptにはサーバのディレクトリ一覧を取得する機能がないからです。
サーバ側で何らかのコードを書けば可能かもしれません。

投稿2021/11/12 07:18

Lhankor_Mhy

総合スコア36163

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

naots

2021/11/12 07:20

回答ありがとうございます。そうするとjavascriptで複数の画像表示するコードを書いてhtmlで読み込めば可能でしょうか。
Lhankor_Mhy

2021/11/12 07:24

コードを見てみないと何とも言えませんが、表示したい画像のパスを列挙できるのであれば可能なのではないでしょうか。
naots

2021/11/12 07:27

わかりました。ありがとうございました。
guest

0

ワイルドカードなどは使えないので、簡単な方法はありません。

  • 画像ファイル名が連番になっていてブラウザ内でファイル名を生成できる場合、「順番にロードしてエラーが出たら止める」という方法で可能です。
  • そうでない場合、どうしてもファイル一覧を準備する必要があります。group/filenames.json みたいなファイルを用意しておくとか。

投稿2021/11/12 07:27

int32_t

総合スコア21016

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.46%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問