ruby-on-rails - 带有 rails 的图像/照片库( GridView )？

Question

我想创建一个带有 GridView (facebook 样式)的照片库，我想知道这是否可以仅使用 Rails 实现，或者我是否应该使用 jquery 来实现。

我正在使用回形针，但我无法尝试将图片显示为网格。

如果有人有教程链接或起点，我将非常高兴。 (我已经有了显示所有照片的索引 View )

index.html.erb

<% title "All Photos" %>

<table>
  <% for photo in @photos %>
    <tr>
    <td><%= link_to image_tag(photo.image.url), photo %></td>
      <td><%= link_to photo.name, photo %></td>
    </tr>
  <% end %>
</table>

谢谢!

Answer 1

这不依赖于 Rails，因为您要处理的只是 HTML 标记的问题。

对于此问题，表格可能是错误的解决方案 - 至少您的布局方式是这样。表格行 ( <tr> ) 无法设置样式以作为列彼此相邻显示。这里常见的解决方案是使用 float div 在您想要的任意数量的列中显示您的内容。以下代码与上面相同，只是使用了 div:

<div id="gallery">
  <% for photo in @photos %>
    <div class="photo">
      <%= link_to image_tag(photo.image.url), photo %>
      <%= link_to photo.name, photo %>
    </div>
  <% end %>
</div>

然后，仅使用 CSS，您就可以将图像布置为网格。一个例子在这里: http://www.alistapart.com/articles/practicalcss/

从那里，您可以使用 JQuery 或进一步的 CSS 来增强基本实现。