Question

如何在我的公共/图片中链接到文件background.jpg的图像标记，并在点击时将用户重定向到root_url（因此页面内容位于容器中，如果用户点击在背景图像上重定向到家？）谢谢！

Answer 1

不确定

<%= link_to(image_tag("background.jpg", :alt => "home image", :width => 100, :height => 100, :title => "Click here to return to Home") "/") %>

Answer 2

大多数rails标记助手接受一个块，这意味着您可以使用do来简化您的生活。在这里，我使用link_to的块：

<%= link_to root_url do %>
  <%= image_tag "background.jpg" %>
<% end %>

在这种情况下，link_to期望下一个参数成为路径，并且块会发出锚包装的内容。

一般情况下，我尝试保持一行标记助手每行规则，除非它超级琐碎，所以当线条变得拥挤时更喜欢这种技术。这样做的一个好处是，因为标签位于不同的行上，所以错误更容易识别。

如果您需要其他选项，请像平常一样添加它们。例如，我将添加一个css类：

<%= link_to root_url, :class => 'imagelink' do %>
  ...

Answer 3

前段时间我正在寻找相同的东西，我找到了Rails的方法。

让我们说你想要HTML页面来呈现以下代码

<a title="Return Home" class="logo" href="/pages/home">
 <img width="200" height="50" src="logo.png" alt="Logo Image">
</a>

'pages'是控制器，'home'是动作。这是Rails方式。

    <%=link_to(image_tag("12roots-logo.png",:size => "209x50", :alt=> "12roots"),
 {:controller=>"pages", :action=>"home"}, :title=>"Return Home", :class=>"logo") %>

Rails 3：link_to和image_tag

3 个答案: