Question

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

我已经构建了一个模型 Gallery ，并通过has-many-relationship将其连接到模型 Image 。要存储我使用Paperclip的图像。现在我想构建视图（在gallery-controller中显示show-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-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" %>

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

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

希望它有所帮助！

将Bootstrap Image Gallery添加到Rails应用程序

1 个答案: