如何使用Foundation 6 Interchange with paperclip

Question

以下是Foundation 6 Interchange的代碼。我在想，它可能可以與我放入的第二段代碼一起工作，但似乎並不奏效。有沒有更好的方法來做到這一點？

Zurb基金會示例代碼

<img data-interchange="[assets/img/interchange/small.jpg, small], [assets/img/interchange/medium.jpg, medium], [assets/img/interchange/large.jpg, large]"> 

代碼二平安

<%= image_path data: {interchange: "[@anime.header_image.url(:large), large]", [@anime.header_image.url(:medium}, medium], [@anime.header_image.url(:small), small] %> 

Answer 1

你想用image_tag，不image_path

（寫在多行清晰度）

<%= image_tag "", 
    data: { 
     interchange: " 
     [#{@anime.header_image.url(:large)}, large], 
     [#{@anime.header_image.url(:medium)}, medium], 
     [#{@anime.header_image.url(:small)}, small] 
     " 
    } 
%> 

第一個參數留空，但這是您通常要放置src屬性值的位置。