Question

在HTML中我会写：

<div class="imageRow">
    <div class="single">
        <a href="image.jpg" rel="lightbox" title="my caption">
            <img alt="" src="imagethumb.jpg">
        </a>
    </div>
</div>

但我必须让它适应铁轨上的红宝石，我对它很新......所以我试过了：

<div class="imageRow">
    <div class="single">
        <a href=<%= link_to image_tag("image.jpg") %> rel="lightbox" title="my caption">
            <%= image_tag("imagethumb.jpg") %>
        </a>
    </div>
</div>

...但它不能用作“rel =”灯箱“title =”我的标题“＆gt;”部分未应用但显示在html部分上写+我看到2个图像，而我只能看到“imagethumb”。

我也尝试过：

<div class="imageRow">
    <div class="single">
        <%= link_to image_tag("image.jpg", :rel=>"lightbox", :title=>"my caption")
            <%= image_tag("imagethumb.jpg") %>
        %>
    </div>
</div>

我也看到了这两个图像......

我应该怎样做才能获得与我编写的HTML代码相同的内容？

Answer 1

试试这个

<%= link_to image_tag("imagethumb.png", :alt => ""), "image.jpg", :rel => "lightbox", :title => "my caption" %>

P.S：未经测试

Answer 2

如果我没弄错的话，你应该这样做：

<div class="imageRow">
    <div class="single">
        <%= link_to image_path("image.jpg", :rel=>"lightbox", :title=>"my caption") do %>
            <%= image_tag("imagethumb.jpg") %>
        <% end %>
    </div>
</div>

因此，使用image_path获取图片链接，image_tag将缩略图图像作为链接内容。

Answer 3

您可以使用rail link_to作为子对象的包含块，就像您手动编写<a href="">code</a>

一样

<%= link_to yourLink, :rel => "lightbox", :title => "my caption" do %> //the 'do' here makes the link a block(contains child ojects)
  <%= image_tag yourImage, :alt => "myImageDescription" %>
<% end %> // note the tags surrounding 'end'.  Dropping the equals sign means not to return the code within the tags to HTML, which we don't want to do here.

Answer 4

这就是Slimbox 2对我有用的方法

<a href='<%= picture.asset.url(:large) %>' rel="lightbox" title="<%= picture.caption %>">
  <%= image_tag(picture.asset.url(:small)) %>
</a>

这样它有一个小预览，并在灯箱中打开大（如果你有回形针），否则只需输入图像的网址。它也可以与link_to和rel：'lightbox'一起使用，不确定。

Answer 5

你可以使用简单的＆lt; a＆gt;标记：

<a href=<%= image_tag 'image.jpg' %> rel="lightbox" title="mycaption">
  <%= url "path/to/imagethumb.jpg" %>
</a>

link_to image_tag with options（rel，title）

5 个答案: