如何使用基础6立交与回形针

Question

下面是基金会6交换的代码。我在想，它也许可以与我所放的第二段代码一起工作，但它似乎不起作用。是否有更好的方法来做到这一点？

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属性值的地方。