2013-06-28 94 views
0

在我的应用程序中使用fancybox作为图库。我的所有图像都存储在我的模型,我可以像这样fancybox with image_tag and link_to rails

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

真的不知道如何把它一起

感谢

回答

6

如果我记得ç orrectly,你可以这样做:

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

这将点击后显示其原始大小的图片。

+0

谢谢,得到一些语法错误C:/Sites/flickr_1/app/views/pages/portfolio.html.erb:5:语法错误,意外',',期待')' .... append = link_to (l.url_large,:size =>'480x480'),:class ... – Richlewis

+0

当然,我的错误。我稍微改进了答案。 –

+0

谢谢,在第二个例子中,220x220之后应该有%>吗? – Richlewis