将引导图像库添加到 Rails 应用程序

Question

我找到了 gem bootstrap-addons-rails 并想将它用于我的 Rails 应用程序中的图像库。

我已经建立了一个模型Gallery，并通过多多关系将它连接到模型Image。为了存储我使用回形针的图像。现在我想构建视图（画廊控制器中的显示操作）并尝试遵循 Bootstrap Image Gallery 的文档，其中说：

<div id="gallery" data-toggle="modal-gallery" data-target="#modal-gallery">
    <a href="banana.jpg" title="Banana" data-gallery="gallery">Banana</a>
    <a href="apple.jpg" title="Apple" data-gallery="gallery">Apple</a>
    <a href="orange.jpg" title="Orange" data-gallery="gallery">Orange</a>
</div>

我从以下观点开始：

<div id="gallery" data-toggle="modal-gallery" data-target="#modal-gallery">
  <% @gallery.images.each do |image| %>
    <%= image_tag(image.url.url(:original)) %>
  <% end %>
</div>

但我不知道如何将 HTML-Snippet 转换为运行良好的 Rails-Code。特别是 href="apple.jpg" 是我的问题。我不知道我怎么能把这样的东西放在那里：

image_tag(image.url.url(:original))

如果有任何答案，我将不胜感激。

Answer 1

如果要链接到图片，请使用以下代码：

<%= link_to image.url.url(:original), "Image", :data => {:gallery => 'gallery'}, :title => "Apple" %>

如果您希望实际图像具有数据类型属性，请使用以下代码：

<%= image_tag(image.url.url(:original), :data => {:gallery => "gallery"}, :title => "Apple") %>

希望对你有帮助！