Question

我在我的应用程序上使用载波的多个上传图像，在你们的帮助下，在另一个问题中，我能够用每种方法显示所有图像。它工作得很好，但我想改进它。我想用旋转木马做一个图像库，当用户点击它时会打开一个图像更大的模态。
我尝试按照W3C学校的教程进行操作但是没有工作。当我尝试使用Onclick方法时，页面不会呈现。

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

有没有宝石可以帮我这么做？有关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代码放在标签（您的图像）中。

<% @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中的图库

1 个答案: