Question

我在我的应用程序中使用fancybox作为图库。我的所有图像都存储在我的模型中，我可以像这样显示它们

<div class="container">
 <% @portfolio.each do |l| %>
  <div class="four columns">
   <div class="our-work">
    <a class="fancybox" rel="group" href="#">
     <%= image_tag(l.url_large, :size => "220x220") %>
    </a>
    <h3><%= truncate(l.title, :length => 20) %></h3>
   </div>
   </div>
  <% end %>
 </div>

我遇到的问题是分配href，以便当我点击图像时，弹出窗口（fancybox）中会显示相同图像的较大版本。有人曾经这样做过，或者任何人都指向右边方向请。

通常如果我想链接到对象本身，我会做这样的事情

<%= link_to, l %>

我可以像现在使用的那样做，但只需更改尺寸

<%= link_to, image_tag(l.url_large, :size => "480x480"), :class="fancybox %>

不确定如何将它们放在一起

由于

Answer 1

如果我没记错的话，你可以这样做：

<%= link_to image_tag(l.url_large size: '220x220'), l.url_large, :class => 'fancybox', :rel => 'group' %>

或：

<%= link_to (l.url_large), :class => 'fancybox', :rel => 'group' do %>
  <%= image_tag(l.url_large, size: '220x220') %>
<% end %>

单击后，将以原始大小显示图像。

带有image_tag和link_to rails的fancybox

1 个答案: