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

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

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

Pythonは、コードの読みやすさが特徴的なプログラミング言語の1つです。 強い型付け、動的型付けに対応しており、後方互換性がないバージョン2系とバージョン3系が使用されています。 商用製品の開発にも無料で使用でき、OSだけでなく仮想環境にも対応。Unicodeによる文字列操作をサポートしているため、日本語処理も標準で可能です。

HTML

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

解決済

指定したフォルダ内の画像ファイルを表示するHTMLについて

naots
naots

総合スコア11

Python

Pythonは、コードの読みやすさが特徴的なプログラミング言語の1つです。 強い型付け、動的型付けに対応しており、後方互換性がないバージョン2系とバージョン3系が使用されています。 商用製品の開発にも無料で使用でき、OSだけでなく仮想環境にも対応。Unicodeによる文字列操作をサポートしているため、日本語処理も標準で可能です。

HTML

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

2回答

-1評価

0クリップ

622閲覧

投稿2021/11/17 01:39

以下のサイトを参考に指定したフォルダ内の画像を表示するHTMLの作成を行いました。
https://stakiran.hatenablog.com/entry/2019/01/26/155906

プログラムとフォルダ内の構成は以下の通りです。

python

# encoding: utf-8 import os import sys def str2file(filepath, s): with open(filepath, encoding='utf8', mode='w') as f: f.write(s) def get_filelist(basedir): ret = [] for path, dirnames, filenames in os.walk(basedir): for filename in filenames: fullpath = os.path.join(path, filename) ret.append(fullpath) return ret MYFULLPATH = os.path.abspath(sys.argv[0]) MYDIR = os.path.dirname(MYFULLPATH) filenames_all = get_filelist(os.path.join(MYDIR, 'A')) filenames_jpg = [filename for filename in filenames_all if filename.lower()[-4:]=='.jpg'] filenames_curdir_removed = [filename.replace('{:}\'.format(MYDIR), '') for filename in filenames_jpg] filenames_slash_delim = [filename.replace('\', '/') for filename in filenames_curdir_removed] print(filenames_slash_delim) print('{:} items.'.format(len(filenames_jpg))) outfilename = 'image_gallery.html' outstrs = '' conf_image_x = 150 conf_image_y = 150 conf_image_count_per_line = 6 for i,image_filepath in enumerate(filenames_slash_delim): url = image_filepath alttext = url image_html_template = '<a href="{href}" target="_blank"><img src="{src}" width="{width}px" height="{height}px"></a>' image_kwargs = { 'href' : url, 'src' : url, 'width' : conf_image_x, 'height' : conf_image_y, } image_html = image_html_template.format(**image_kwargs) outstrs += image_html outstrs += '\n' if i%conf_image_count_per_line==(conf_image_count_per_line-1): outstrs += '<br>\n' html_template = """<html> <head> <title>Image Gallery</title> <meta charset="UTF-8"> </head> <body> {:} </body> </html>""" html = html_template.format(outstrs) str2file(outfilename, html)

フォルダの構成は以下の通りです。

├── image_gallery.py ├── A │ └── C │ └── D └── B

AのフォルダにCとDのフォルダが入っておりそれぞれ画像が入ってる状態です。
上のプログラムを実行したところ、Aのみのフォルダ内の画像を表示させることができました。
ここで、Aの中のCとDのフォルダ内の画像を以下のように表示させたいです。

Cの画像(という記述を表示) ここでCの画像を表示 Dの画像(という記述を表示) ここでDの画像を表示

上のプログラムの

python

filenames_all = get_filelist(os.path.join(MYDIR, 'A'))

の部分を例えば

python

filenames_all = get_filelist(os.path.join(MYDIR, 'A/C'))

という記述にしたらCのフォルダの画像のみを表示できましたが、自分の表示させたいようにできません。

どう記述すればCとDのフォルダをこのように表示できますでしょうか。
よろしくお願いいたします。

良い質問の評価を上げる

以下のような質問は評価を上げましょう

  • 質問内容が明確
  • 自分も答えを知りたい
  • 質問者以外のユーザにも役立つ

評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

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

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

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

teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

  • プログラミングに関係のない質問
  • やってほしいことだけを記載した丸投げの質問
  • 問題・課題が含まれていない質問
  • 意図的に内容が抹消された質問
  • 過去に投稿した質問と同じ内容の質問
  • 広告と受け取られるような投稿

評価を下げると、トップページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

まだ回答がついていません

会員登録して回答してみよう

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

ただいまの回答率
87.20%

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

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

質問する

関連した質問

同じタグがついた質問を見る

Python

Pythonは、コードの読みやすさが特徴的なプログラミング言語の1つです。 強い型付け、動的型付けに対応しており、後方互換性がないバージョン2系とバージョン3系が使用されています。 商用製品の開発にも無料で使用でき、OSだけでなく仮想環境にも対応。Unicodeによる文字列操作をサポートしているため、日本語処理も標準で可能です。

HTML

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