Rails 中的图库

Question

我在我的应用程序中使用载波上传了多张图片，在你们的帮助下，在另一个问题中，我能够使用 each 方法显示所有图片。它工作得很好，但我想改进它。我想做一个带轮播的图片库，当用户点击它时，它会打开一个带有更大图像的模态。
我尝试按照 W3C School 的教程进行操作，但就是行不通。当我尝试放置 Onclick 方法时，页面不呈现。

https://www.w3schools.com/howto/howto_js_lightbox.asp

有什么 gem 可以帮助我做到这一点吗？ rails 应用程序有任何教程吗？
我正在使用以下代码显示图像：

<% @imovel.imagens.each do |imagem| %>
          <div class="col-sm-6 col-md-4">
            <div class="thumbnail">
              <%= image_tag(imagem.url) if @imovel.imagens? %>
          </div>
        </div>
<% end %>

Answer 1

您将使用 link_to 创建带有块的标签。参数是：

link_to(url, html_options = {})

在块内，您将把 html 代码放在 a 标签（您的图片）内。

<% @imovel.imagens.each do |imagem| %>
          <div class="col-sm-6 col-md-4">
            <div class="thumbnail">
              <%= link_to imagem.url, class: 'your-css-class', 'data-toggle': 'lightbox', 'data-gallery': 'name-of-gallery' do %>
                  <%= image_tag(imagem.url) %>
              <% end if @imovel.imagens? %>
          </div>
        </div>
<% end %>

Rails 中的图库

Image Gallery in Rails

ruby-on-rails

carrierwave