0

我在我的应用程序中使用 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 %>

不太确定如何将它们组合在一起

谢谢

4

1 回答 1

6

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

<%= 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 %>

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

于 2013-06-28T14:43:00.277 回答