如何使用Paperclip使用Foundation 6 Interchange

Question

以下是Foundation 6 Interchange的代码。我认为它可能适用于我提出的第二段代码，但它似乎无法工作。有没有更好的方法来做到这一点？

Zurb Foundation示例代码

  <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属性值的位置。