ruby-on-rails - 带有选项的链接到图像标签（rel，标题）

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>

但是我必须将它改编为 ruby​​ on rails 并且我对它很陌生......所以我尝试了：

<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="lightbox" title="my caption">" 部分未应用，但显示在 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" %>

PS：未经测试

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

这就是我使用 Slimbox 2 的方式

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

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

Answer 4

您可以将 raillink_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 5

你可以使用简单的 <a> 标签：

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