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

Question

我找到了gem bootstrap-addons-rails，并想在我的Rails应用程序中使用它作为图像库。

我已经建立了一个模型画廊，并通过一个多关系连接到一个模型图像。为了存储图像，我使用了回形针。现在我想要构建视图(在Gallery -controller中显示-action)，并尝试遵循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片段转换为工作良好的rails代码。特别是href="apple.jpg"是我的问题。我不知道该怎么写:

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

Answer 1

如果你想链接到图片，使用下面的代码:

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

如果您希望实际的图像具有data-type属性，请使用以下代码:

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

希望有帮助!