Loop each x elements

Question

What's the beste way to show a list with 20 images in rows of 5? Or, in other words, how do I clean up this ugly snippet?

<div class="row">
  <% @images.each_with_index do |image, index| %>
    <% if index != 0 && index % 5 == 0 %>
      </div><div class="row">
    <% end %>
    <%= image_tag image.url %>
  <% end %>
</div>

Answer 1

You can use each_slice to loop through the images in rows of five images each:

<% @images.each_slice(5) do |row| %>
  <div class="row">
    <% row.each do |image| %>
      <%= image_tag image.url %>
    <% end %>
  </div>
<% end %>

Answer 2

Try this :limit to your query

@images  = Image.find_all(:limit => 5)

This will give @images olny 5 images , and u can add conditions too

You should not send 100 results to a @images and put only 5 images o the page ,,

send only 5 result to @images

Answer 3

you can also use in_groups_of http://api.rubyonrails.org/classes/ActiveSupport/CoreExtensions/Array/Grouping.html which also has other options.