teratail header banner
teratail header banner
質問するログイン新規登録
Ruby on Rails

Ruby on Railsは、オープンソースのWebアプリケーションフレームワークです。「同じことを繰り返さない」というRailsの基本理念のもと、他のフレームワークより少ないコードで簡単に開発できるよう設計されています。

ループ

ループとは、プログラミングにおいて、条件に合致している間、複数回繰り返し実行される箇所や、その制御構造を指します

Q&A

解決済

1回答

1226閲覧

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

hirotaka612

総合スコア32

Ruby on Rails

Ruby on Railsは、オープンソースのWebアプリケーションフレームワークです。「同じことを繰り返さない」というRailsの基本理念のもと、他のフレームワークより少ないコードで簡単に開発できるよう設計されています。

ループ

ループとは、プログラミングにおいて、条件に合致している間、複数回繰り返し実行される箇所や、その制御構造を指します

0グッド

0クリップ

投稿2017/02/03 01:39

0

0

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

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

Ruby

1<li> 2 <%= image_tag '□□.png' %> 3</li>

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

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

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

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

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

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

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

guest

回答1

0

ベストアンサー

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

という手順で出来ます。

xxx.html.erbの例

ruby

1<% 2files = Dirで画像ファイル一覧を取得 3files.each do |file| 4%> 5 <li> 6 <%= image_tag file %> 7 </li> 8<% end %>

投稿2017/02/03 02:18

mingos

総合スコア4312

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

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

hirotaka612

2017/02/03 02:55

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

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.30%

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

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

質問する

関連した質問