link_to IMAGE_TAG với các tùy chọn (rel, tiêu đề)

Question

Trong HTML Tôi sẽ viết:

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

Nhưng tôi phải thích ứng với nó cho Ruby on Rails và tôi là khá mới để nó ... vì vậy tôi cố gắng:

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

... nhưng nó không hoạt động như phần "rel =" lightbox "title =" chú thích ">" không được áp dụng nhưng xuất hiện được viết trên phần html + Tôi thấy 2 hình ảnh trong khi Tôi chỉ nên thấy "tưởng tượng".

Tôi cũng đã cố gắng:

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

tôi nhìn thấy cả hai hình ảnh quá ...

Tôi nên làm gì để có được tương đương với mã HTML tôi đã viết lên?

Answer 1

Hãy thử điều này

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

PS: chưa được kiểm tra

Answer 2

bạn có thể sử dụng đơn giản < thẻ >:

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

Answer 3

Bạn có thể sử dụng đường sắt của link_to như một khối chứa cho đối tượng trẻ em cũng giống như nếu bạn viết theo cách thủ công <a href="">code</a>

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

Answer 4

Đây là cách nó làm việc cho tôi với Slimbox 2

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

cách này nó có một bản xem trước nhỏ và mở ra như lớn trong hộp đèn (nếu bạn có kẹp giấy), nếu không chỉ nhập url của bức hình. Nó cũng có thể hoạt động với link_to và rel: 'lightbox', không chắc chắn tho.

Answer 5

Nếu tôi không nhầm, bạn nên làm điều đó như thế này:

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

Vì vậy, sử dụng image_path để có được chỉ là liên kết đến hình ảnh, và image_tag để có được những hình ảnh thu nhỏ hình ảnh như nội dung của liên kết .