图像作为链接[Rails]

时间:2017-04-07 13:57:19

标签: html css ruby-on-rails image

我刚进入rails并希望在我的导航栏中建立一个链接(网站将是博客类型的东西。)问题是我想要一个图像作为可点击链接。所以(点击图片 - >下一个网站) 这是我现在用于链接网站的代码。

            <a class="navbar-brand" <%= link_to "Home", posts_path %> </a>

我希望有人可以帮助我。

3 个答案:

答案 0 :(得分:5)

您可以向link_to

提供阻止
<%= link_to posts_path do %>
   <%= image_tag "image" %>
<% end %>

答案 1 :(得分:1)

<%=link_to(image_tag("the_best_image_path.jpg", class: "img_class_goes_here"), posts_path, class: "navbar-brand"%>

答案 2 :(得分:0)

如果您在 Rails 上使用 Active Storage ,则可以执行以下操作:

说,您有一个名为Product的模型和一个名为image的属性:

对于“索引”页面

<%= link_to product do %>
  <%= image_tag(product.image, class: 'product-image__img') if product.image.attached? %>
<% end %>

OR

<%= link_to(product) do %>
  <%= image_tag(product.image, class: 'product-image__img') if product.image.attached? %>
<% end %>

对于“显示”页面

<%= image_tag(@product.image, class: 'product-image__img') if @product.image.attached? %>

仅此而已。

我希望这会有所帮助