2013-06-10 5 views
5

In HTML würde ich schreiben:link_to image_tag mit Optionen (rel, Titel)

<div class="imageRow"> 
    <div class="single"> 
     <a href="image.jpg" rel="lightbox" title="my caption"> 
      <img alt="" src="imagethumb.jpg"> 
     </a> 
    </div> 
</div> 

Aber ich habe es auf Schienen für Rubin anzupassen, und ich bin ganz neu es ... so habe ich versucht:

<div class="imageRow"> 
    <div class="single"> 
     <a href=<%= link_to image_tag("image.jpg") %> rel="lightbox" title="my caption"> 
      <%= image_tag("imagethumb.jpg") %> 
     </a> 
    </div> 
</div> 

... aber es als „rel =“ Leuchtkasten „title =‚my caption‘>“ Teil angewandt wird, nicht erscheint nicht funktioniert, sondern auf dem hTML-Teil geschrieben + ich sehe die zwei Bilder während Ich sollte nur "imagethumb" sehen.

ich auch versucht:

<div class="imageRow"> 
    <div class="single"> 
     <%= link_to image_tag("image.jpg", :rel=>"lightbox", :title=>"my caption") 
      <%= image_tag("imagethumb.jpg") %> 
     %> 
    </div> 
</div> 

ich auch beide Bild sehen ...

Was soll ich tun, um das Äquivalent von HTML-Code zu erhalten, schrieb ich auf?

Antwort

4

Versuchen Sie, diese

<%= link_to image_tag("imagethumb.png", :alt => ""), "image.jpg", :rel => "lightbox", :title => "my caption" %> 

PS: Ungeprüfte

+0

+1 vor allem, weil wenn innerhalb meines Projekts getestet, funktioniert dies. –

-1

können Sie einfach <ein>-Tag verwenden:

<a href=<%= image_tag 'image.jpg' %> rel="lightbox" title="mycaption"> 
    <%= url "path/to/imagethumb.jpg" %> 
</a> 
+0

Bitte versuchen Sie, reinen Rails Code zu verwenden ... Es wäre etwas wie <% = link_to image_tag ("bildthumb.png",: alt => ""), "image.jpg",: rel => "lightbox", : title => "meine Beschriftung"%> – Jean

0

Sie Reling können link_to als umschließende Block für untergeordnete Objekte wie Sie würden, wenn Sie manuell <a href="">code</a>

schreiben
<%= link_to yourLink, :rel => "lightbox", :title => "my caption" do %> //the 'do' here makes the link a block(contains child ojects) 
    <%= image_tag yourImage, :alt => "myImageDescription" %> 
<% end %> // note the tags surrounding 'end'. Dropping the equals sign means not to return the code within the tags to HTML, which we don't want to do here. 
0

Dies ist, wie es für mich mit Slimbox 2

<a href='<%= picture.asset.url(:large) %>' rel="lightbox" title="<%= picture.caption %>"> 
    <%= image_tag(picture.asset.url(:small)) %> 
</a> 

diese Art und Weise hat es eine kleine Vorschau und eröffnet so groß in der Lightbox gearbeitet (wenn Sie Büroklammer), sonst Eingabe nur die URL der das Bild. Es kann auch mit link_to und rel arbeiten: 'Leuchtkasten', nicht sicher, tho.

2

Wenn ich mich nicht irre, dann sollten Sie es wie folgt tun:

<div class="imageRow"> 
    <div class="single"> 
     <%= link_to image_path("image.jpg", :rel=>"lightbox", :title=>"my caption") do %> 
      <%= image_tag("imagethumb.jpg") %> 
     <% end %> 
    </div> 
</div> 

So verwenden image_path einfach den Link zu dem Bild zu bekommen, und image_tag das Vorschau-Bild als Inhalt des Verweises zu erhalten .