Django Heroku CSS Javascript サーバー内にある画像フォルダから画像一覧を取得したい

###前提・実現したいこと
Webアプリを作成しています。同じサーバーにある複数の画像を重ねて表示させて、一番上の画像に対して何かしらのアクション（クリック、スワイプ）が発生したらその画像を消す（非表示にする）等して次の画像を表示させたいです。

###発生している問題・エラーメッセージ
現在、CSSにパスを直打ちしております。しかし、画像が多くなってくるとCSSに直打ちするのは非現実的です。ですのでjavascriptでフォルダからファイル名を取得して表示させようと考えております。しかし、javascriptでは同じサーバーにある画像のフォルダからファイル名を取得できないとのことでした。これは本当にできないのでしょうか？できないとしたら何か別のアプローチはできるでしょうか？

###CSS

CSS
1.pane .img {
2    background: url("../img/pane/pane1.jpg") no-repeat scroll center center;
3    background-size: cover;
4}

これが複数存在します。

###補足情報(言語/FW/ツール等のバージョンなど)
Django
Heroku
Python3.6.1

行動規範の内容に同意します

あなたの回答

tips

プレビュー

行動規範の内容に同意します

質問の解決につながる回答をしましょう。サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。また、読む側のことを考えた、分かりやすい文章を心がけましょう。

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

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

アカウントをお持ちの方は

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

ただいまの回答率
85.48%

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

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

質問する

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

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

Django Heroku CSS Javascript サーバー内にある画像フォルダから画像一覧を取得したい

関連した質問