Rails 3: link_to und image_tag

Wie kann ich ein image-tag, die Verknüpfung zu der Datei background.jpg in mein öffentliches/Bilder und bei anklicken der Schaltfläche leitet den Benutzer an die root_url (Also der Inhalt der Seite wird in einen container und wenn der Benutzer klickt auf das Bild im hintergrund umgeleitet werden, zu Hause?) Danke!

  • wenn eine der Antworten, die löst dein dilemma, bitte akzeptieren Sie es. Danke!!!
InformationsquelleAutor Coxn | 2011-08-21
  1. 14

    Sicher:

    <%= link_to(image_tag("background.jpg", :alt => "home image", :width => 100, :height => 100, :title => "Click here to return to Home") "/") %>
    • Wenn Sie dies tun, wird der link nicht vertikal dehnen um den Bildschirm zu füllen, obwohl das Bild nicht. Also, wenn Sie klicken Sie in der oberen paar Pixel des browser-Fensters, die Sie umgeleitet werden, aber wenn Sie klicken Sie irgendwo, die Sie nicht sind. Haben Sie eine Lösung dafür?
    • Nur Hinzugefügt, in Höhe und Breite zu zeigen. Jedoch, die sicherlich klingt wie die CSS-Datei für die Bereiche um die Verbindung Probleme hat.
    • Lösung nicht befriedigen, die Frage. Ich sage, wir zahlen keine Aufmerksamkeit auf die CSS-Verhalten, wie es über den Rahmen dieser Diskussion.
    InformationsquelleAutor jschorr
  2. 6

    Meisten Schienen-tag-Helfer übernehmen einen block, was bedeutet, dass Sie verwenden können do um Ihr Leben zu vereinfachen. Hier verwende ich einen block mit link_to:

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

    In diesem Fall link_to erwartet, dass der nächste parameter werden der Pfad und der block emittiert, was den Anker umschließt.

    Im Allgemeinen versuche ich zu halten, um die eine tag-helper pro Zeile Regel, es sei denn, seine super-trivial, so bevorzugen diese Technik, wenn die Zeile sonst überfüllt. Ein Vorteil dieser Methode ist, da die tags sind auf verschiedenen Linien sind die Fehler leichter zu identifizieren.

    Wenn Sie andere Optionen, um mit ihm zu gehen, fügen Sie Sie wie Sie normalerweise tun würde. Zum Beispiel werde ich hinzufügen einer css-Klasse:

    <%= link_to root_url, :class => 'imagelink' do %>
  ...
    InformationsquelleAutor IAmNaN
  3. 4

    War ich auf der Suche für die gleiche Sache war, und ich fand den Schienen Weg, dies zu tun.

    Können sagen, Sie wollen Sie HTML-Seite zu Rendern folgende code

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

    Wo 'Seiten' ist der controller und 'zu Hause' die Aktion. Hier sind die Schienen Weg.

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