ruby-on-rails - rails link_to class

link_to etiqueta de imagen. cómo agregar clase a una etiqueta

Question

Estoy usando la etiqueta link_to img como siguiendo

<%= link_to image_tag("Search.png", :border=>0, :class => ''dock-item''),
:action => ''search'', :controller => ''pages''%><span>Search</span></a>

Lo que resulta en seguir html

<a href="/pages/search"><img alt="Search" border="0" class="dock-item"
src="/images/Search.png?1264132800" /></a><span>Search</span></a>

Quiero que class = "dock-item" vaya a la etiqueta <a> lugar de la etiqueta img.

Cómo puedo cambiar esto?

Actualizar:

<%= link_to image_tag("Search.png", :border=>0), :action => ''search'',
:controller => ''pages'', :class => ''dock-item'' %>

resultados en

<a href="/pages/search?class=dock-item"><img alt="Search" border="0"
src="/images/Search.png?1264132800" /></a>

Answer 1

El conjunto :action =>, :controller => bit que he visto mucho no me funcionó.

Pasé horas cavando y este método definitivamente funcionó para mí en un ciclo.

<%=link_to( image_tag(participant.user.profile_pic.url(:small)), user_path(participant.user), :class=>"work") %>

Ruby on Rails usando link_to con image_tag

Además, estoy usando Rails 4.

Answer 2

Fácil:

<%= link_to image_tag("Search.png", :border=>0), :action => ''search'', :controller => ''pages'', :class => ''dock-item'' %>

El primer parámetro de link_to es el texto / html para vincular (dentro de la etiqueta a). El siguiente conjunto de parámetros son las propiedades de la URL y los atributos del enlace.

Answer 3

Hola chicos, esta es una buena forma de vincular w / image y tiene muchos accesorios en caso de que quieras usar el atributo css, por ejemplo, reemplazar "alt" o "title", etc .... también incluye una restricción lógica (?)

<%= link_to image_tag("#{request.ssl? ? @image_domain_secure : @image_domain}/images/linkImage.png", {:alt=>"Alt title", :title=>"Link title"}) , "http://www.site.com"%>

¡Espero que esto ayude!

Answer 4

Hola, puedes intentar hacer esto

link_to image_tag("Search.png", border: 0), {action: ''search'', controller: ''pages''}, {class: ''dock-item''}

o incluso

link_to image_tag("Search.png", border: 0), {action: ''search'', controller: ''pages''}, class: ''dock-item''

tenga en cuenta que la posición de las llaves es muy importante, porque si las pierde, los rieles supondrán que forman un solo parámetro hash (lea más sobre esto here )

y de acuerdo con la API para link_to :

link_to(name, options = {}, html_options = nil)

1. el primer parámetro es la cadena que se mostrará (o también puede ser una imagen_tabla)
2. el segundo es el parámetro para la url del enlace
3. el último elemento es el parámetro opcional para declarar la etiqueta html, por ejemplo, clase, onchange, etc.

¡Espero eso ayude! =)

Answer 5

Intenté esto también, y funciona muy bien:

 <%= link_to home_index_path do %>
<div class=''logo-container''>
<div class=''logo''>
<%= image_tag(''bar.ico'') %>
</div>
<div class=''brand'' style=''font-size: large;''>
.BAR
</div>
</div>
<% end %>

Answer 6

Lo mejor será:

link_to image_tag("Search.png", :border => 0, :alt => '''', :title => ''''), pages_search_path, :class => ''dock-item''

Answer 7

Para responder a su pregunta actualizada, de acuerdo con http://api.rubyonrails.org/classes/ActionView/Helpers/UrlHelper.html ...

Tenga cuidado al usar el estilo de argumento anterior, ya que se necesita un hash literal adicional:

 link_to "Articles", { :controller => "articles" }, :id => "news", :class => "article"
# => <a href="/articles" class="article" id="news">Articles</a>

Dejar el hash apagado da el enlace incorrecto:

 link_to "WRONG!", :controller => "articles", :id => "news", :class => "article"
# => <a href="/articles/index/news?class=article">WRONG!</a>

Answer 8

Solo agregue que puede pasar el método link_to un bloque:

<%= link_to href: ''http://www.example.com/'' do %>
<%= image_tag ''happyface.png'', width: 136, height: 67, alt: ''a face that is unnervingly happy''%>
<% end %>

resultados en:

<a href="/?href=http%3A%2F%2Fhttp://www.example.com/k%2F">
<img alt="a face that is unnervingly happy" height="67" src="/assets/happyface.png" width="136">
</a>

Esto ha sido un salvavidas cuando el diseñador me ha dado enlaces complejos con los efectos de lujo css3 roll-over.

Answer 9

esta es mi solución:

<%= link_to root_path do %>
<%= image_tag "image.jpg", class: "some class here" %>
<% end %>

Answer 10

también puedes probar esto

<li><%= link_to "", application_welcome_path, class: "navbar-brand metas-logo" %></li>

Donde "metas-logo" es una clase CSS con una imagen de fondo

Answer 11

<%= link_to root_path do %><%= image_tag("Search.png",:alt=>''Vivek'',:title=>''Vivek'',:class=>''dock-item'')%><%= content_tag(:span, "Search").html_safe%><% end %>