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

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

ただいまの
回答率

89.51%

データベースに置いた画像をeach文で引っ張ってきたいが画像が一部表示されない

受付中

回答 0

投稿

  • 評価
  • クリップ 0
  • VIEW 95

taatu

score 0

データベースに置いた画像をeach文で引っ張ってきたい

現在、メルカリのコピーサイト制作中のものです。
railsを使いトップページの商品をクリックしたら、商品詳細ページに遷移する機能を実装しております。
そのときデータベースに保存している画像をeach文で取り出しているのですが、5枚保存しているはずなのに
なぜか6枚表示されてしかも3枚目が表示されないのです。
表示されないのです。

発生している問題・エラーメッセージ

出力された画像
https://gyazo.com/f71bb8b1252bc3c92cc5f87e47fc8d76
保存しているデータベースの画像
https://gyazo.com/ba755de4e01242c06e140c14787766d0
https://gyazo.com/8276e515b02f326d49559bdbfccda5b9
https://gyazo.com/032290bb588dc6d6b0483a93e460d069

該当のソースコード

routes.rb

  resources :items, only: [:index, :new, :show, :create, :destroy, :edit, :update] do
item.controller

class ItemsController < ApplicationController

  before_action :move_to_index, except: [:index, :show]
  before_action :set_item, only: [:show, :edit, :destroy, :buy]

  require 'payjp'


  def index
    @items = Item.all.limit(5).order("created_at DESC")
    @ladies = Item.where(category_id: 5).limit(5)


    @mens = Item.where(category_id: 139).limit(5)

    @categories = Category.where(ancestry: nil)
  end

  def category_children_index
    @category_children = Category.find_by(name: "#{params[:parent_name]}", ancestry: nil).children
  end

  def show
  end

def set_item
    @item = Item.find(params[:id])
  end


_show.html.haml
          .itembox
            %h2.itembox__name
              = @item.name
              .big-image
                = image_tag @item.item_images[0].image.url,height: '300', width: '300'
            .itembox__body
              - @item.item_images.each do |item_image|
                %ul
                  %li
                    = image_tag item_image.image.url,height: '100', width: '100'

試したこと

インデントがおかしいと思い色々触ってみたが、そもそもeachを使っているので違うと感じました。
初心者でこれ以上考えようがありませんでした。
どうかお知恵をいただけないでしょうか。

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

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

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

    クリップを取り消します

  • 良い質問の評価を上げる

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

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

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

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

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

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

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

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

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

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

  • ただいまの回答率 89.51%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる