app/assets/images/XXX 内の画像ファイルをすべて表示させたい

Question

#やりたいこと
XXXフォルダ内の画像を全てレスポンシブ(現在Bootstrap使用)で<li>タグ内に表示させたい。
・画像ごとに<li></li>で囲みたい
・画像の数は増えたり減ったりの可変

#問題
調べてみるとDirでファイル一覧を取り、eachを使えば全て回せそう。
しかし、そのDirで取れた配列の数だけ、
[○○.html.erb]に

<li>
  <%= image_tag '□□.png' %>
</li>

を表示させる方法が分かりません。

よろしくお願い致します。

Answer 1

ファイル一覧を配列で取得する
配列をeachでループする。
ループの中で、li＋image_tagを使う。

という手順で出来ます。

xxx.html.erbの例

<%
files = Dirで画像ファイル一覧を取得
files.each do |file|
%>
  <li>
    <%= image_tag file %>
  </li>
<% end %>

Comments

[hirotaka612]

シンプルにループの中に入れれば列挙されるんですね、、
こんな簡単な事にお手数おかけしました！
ありがとうございました！