¿Cómo puedo tener una etiqueta de imagen vinculando al archivo background.jpg
en mi público/imágenes y cuando hago clic en redirigir al usuario a la raíz_url (Entonces el contenido de la página está en un contenedor y si el el usuario hace clic en la imagen de fondo se redirige a su casa?) ¡Gracias!Rails 3: link_to y image_tag
Respuesta
Claro:
<%= link_to(image_tag("background.jpg", :alt => "home image", :width => 100, :height => 100, :title => "Click here to return to Home") "/") %>
Al hacer esto, el enlace no se estira verticalmente para llenar la pantalla aunque la imagen sí lo haga. Por lo tanto, si hace clic en los primeros píxeles de la ventana del navegador, se le redirige, pero si hace clic en cualquier otro lugar, no lo hace. ¿Tienes una solución para esto? – user852974
Acaba de agregarse en ancho y alto para mostrarle. Sin embargo, eso seguro parece que el CSS para las áreas alrededor del enlace tiene problemas. – jschorr
La solución satisface la pregunta. Digo que no prestamos atención al comportamiento de CSS, ya que está más allá del alcance de esta discusión. – Tass
que estaba buscando lo mismo, mientras que hace, y me encontré con los rieles manera de hacerlo.
Digamos que usted quiere que la página HTML para hacer follwoing código
<a title="Return Home" class="logo" href="/pages/home">
<img width="200" height="50" src="logo.png" alt="Logo Image">
</a>
Donde 'páginas' es el controlador y 'casa' es la acción. Aquí está el camino de Rails.
<%=link_to(image_tag("12roots-logo.png",:size => "209x50", :alt=> "12roots"),
{:controller=>"pages", :action=>"home"}, :title=>"Return Home", :class=>"logo") %>
La mayoría de helpers de etiquetas carriles aceptar un bloque, lo que significa que puede utilizar do
para simplificar su vida. Aquí, he utilizado un bloque con link_to
:
<%= link_to root_url do %>
<%= image_tag "background.jpg" %>
<% end %>
En este caso, link_to espera que el siguiente parámetro que es el camino y el bloque emite lo que las envolturas de anclaje.
En general trato de mantener el un tag helper por línea regla a menos que sea súper trivial, así que prefiera esta técnica cuando la línea se llene de otra manera. Una ventaja de hacerlo de esta manera es que las etiquetas están en diferentes líneas, los errores son más fáciles de identificar.
Si necesita otras opciones para combinar, agréguelas como lo haría normalmente. Por ejemplo, agregaré una clase css:
<%= link_to root_url, :class => 'imagelink' do %>
...
- 1. Carriles 3 - link_to con image_tag + texto
- 2. Ruby on Rails utilizando link_to con image_tag
- 3. puntos image_tag a los activos/en Rails 3
- 4. Rails 3 link_to rutas (editar) recursos anidados
- 5. Rails 3.1 Activos en ActionMailer con image_tag
- 6. Rails 3 - ¿Cómo se crea un nuevo registro desde link_to
- 7. Rails 3 link_to generator for: post,: put, &: delete?
- 8. Rails 3 link_to (: method =>: borrar) no funciona
- 9. Rails 3 - link_to to call partial using jquery ajax
- 10. ¿Cómo incluir la ruta completa en Rails 3 link_to statement?
- 11. Rails 3 EPU: Pasar en params al utilizar link_to
- 12. etiqueta span en Rails link_to
- 13. link_to() en Rails flash de
- 14. link_to con Ruby on Rails
- 15. Rails 3 - Javascript: confirme que no funciona para link_to y button_to con: method =>: delete
- 16. Rails 3 y FCGI?
- 17. Rails 3 y validate_on_create
- 18. Rails 3, pasando variable local a parcial
- 19. Rails 2 to Rails 3: using link_to en lugar de link_to_remote (incluido el control remoto y la actualización)
- 20. Colocando una imagen y texto dentro de un link_to helper (Rails)?
- 21. Rieles: opción Ancla y link_to
- 22. link_to en Rails3 +
- 23. Ruby on Rails - link_to button/css
- 24. Rails link_to destroy an nested resource?
- 25. Ruby on Rails link_to Con put Método
- 26. HTML5 Video y Rails 3
- 27. Rails 3 RSpec y assert_select
- 28. Rails 3 SSL Deprecation
- 29. Rails 3 Combinar dos variables
- 30. Ruby on Rails link_to ID interno
si una de las respuestas resuelve su dilema, acéptelo. ¡Gracias! – Tass