2013-06-10 6 views
5

のlink_toオプション付きIMAGE_TAG(REL、タイトル)私が書くでしょうHTMLで

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

しかし、私はRuby on Railsのためにそれを適応させる必要があり、私はそれに非常に新たなんだ...ので、私が試しました:

<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> 

...しかし、それは「REL =」ライトボックス「タイトル= 『私のキャプション』>」の部分が適用されていないが、HTML部分に書かれた+私は2枚の画像間を参照してください表示されているとおりに動作しません。私は "imagethumb"だけ見るべきです。

私も試してみました:

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

私も両方の画像を参照してください...私は私が書いたHTMLコードと同等のものを得ることが

何をすべきでしょうか?

答えて

4

この

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

PS試してください:あなたは同じように子オブジェクトのための含むブロックとしてレールのlink_toを使用することができます

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

+1私のプロジェクトでテストした場合、これは特に効果があります。 –

-1

を手作業で書いた場合、あなたはそうなるでしょう<a href="">code</a>

それはSlimbox 2

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

それは小さなプレビューを持っており、(あなたがクリップを持っている場合)、ライトボックスのように大きな開きこのようにして、他のちょうど入力URLのと私のために働いたか

<%= 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

純粋なレールコードを使ってみてください... <%= link_to image_tag( "imagethumb.png"、:alt => "")、 "image.jpg"、:rel => "lightbox" :title => "my caption"%> – Jean

0

:あなたは<シンプル>タグを使用することができますテストされていない

0

これです画像。 link_toとrel: 'lightbox'と一緒に動作するかもしれません。

2

私は間違っていないよ場合は、このようにそれを実行する必要があります、だから、

<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> 

リンクのコンテンツとしてサムネイル画像を取得するだけで、画像へのリンク、およびimage_tagを取得するためにimage_pathを使用。

関連する問題