计算滑轨中每行的图片

问题描述

我为视图中的数据库中的每个图像URL创建了一个div，从而在栏杆中建立了画廊。我想添加一个功能，用户可以在我的编辑页面上指定每行的图片和每页的行数。该值将被写入数据库，并且分页应使用计算出的值（pictures_per_row * rows_per_page）是动态的。

问题：我在视图中使用images.each方法来循环浏览图片并为图库中的每个图片创建一个div。因此，它们是一个接一个地创建的。关于分页结果，请给我每页图片的特定编号。但是我该如何完成类似的事情：

对于gallery.image.each每个div，但经过5 div后，继续换行。

我认为分页不是这里的问题，因为它将分页数据库查询提供的任何内容。

有什么想法吗？预先感谢。

解决方法

您可以使用each_slice。像这样：

<% @gallery.each_slice(5) do |slice| %>
  <div class="row">
    <% slice.each do |item| %>
     <!-- Display images-->
    <% end %>
  </div>
<% end %>