Question

现在试图解决这个问题已经两天了，并准备好问。这是我试图转换为Rails 5代码的代码：

<img src="/assets/small.jpg" alt="image">
<a href="/assets/bigger.jpg" data-lightbox="image1" 
data-title="Image Caption">

我尝试了一堆不同的代码，最接近的是以下内容。灯箱弹出部件工作正常，但第一张图片没有显示。

 <%= link_to image_tag('gallery-1-small.jpg', alt: 'image'), image_path('gallery-1.jpg'), data: { lightbox: 'image-1', title: 'Image Caption'} %>

有什么建议吗？

Answer 1

试试这个

<%= link_to "/assets/gallery-1.jpg", data: { lightbox: 'roadtrip', title: 'Image Caption'}  do %>
  <%= image_tag "/assets/gallery-1-small.jpg" %>
<%end%>

Answer 2

更改 application.html.erb 。
将此代码<%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %>从头部移动到正文末尾。

      <%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %>
   </body>
</html>

如何在Rails 5代码Lightbox中写这个？

2 个答案: