如何編寫這個Rails資產管道鏈接

Rails 4.2 這個資產管道的東西，我仍然不知道。我會如何寫這個？如何編寫這個Rails資產管道鏈接

<!-- For image lightbox you need to include "a" tag pointing to image link, along with the class "prettyphoto".--> 
      <div class="gallery"> 
       <!-- Full size image link in anchor tag. Thumbnail link in image tag. --> 
       <a href="img/portfolio/1.jpg" class="prettyphoto"><img src="img/portfolio/1.jpg" alt="" class="img-responsive"></a>

我已經嘗試了二十種方法，但我無法得到它。假設一個小圖像出現，然後當你點擊它時圖像更大。我需要使用兩個現有的類，因爲這是一個引導到Rails的模板轉換。

來源

2016-02-27 MMark

如果是在公共/資產/圖片你可以這樣訪問：

<%= image_tag 'name_of_image.png', class: 'name-of-class' %>

http://apidock.com/rails/ActionView/Helpers/AssetTagHelper/image_tag

<%= link_to 'name_of_image.png', object_path, class: 'name-of-class' %>

來源

2016-02-27 21:25:33 toddmetheny

我知道如何做一個簡單的IMAGE_TAG但問題是不是。我需要的答案必須在使用兩個類時生成一個href和一個src。仔細看看我發佈的代碼。謝謝。 – MMark

最簡單的方法就是將一個jquery點擊事件添加到類中。類似於$（'。name-of-class）.on（'click'，function（）{//做一些事情，添加類或修改圖像的大小屬性}） – toddmetheny

您也可以有兩個圖像，但有一個w/display none並點擊事件隱藏較小的圖像並顯示較大的圖像。很多簡單的方法來做到這一點瓦特/ JavaScript。可能w /純CSS，但最簡單的（對我來說，至少）只使用javascript/jquery。 – toddmetheny

如何編寫這個Rails資產管道鏈接

回答

相關問題