現在railsでレスポンシブのサイトを作っているのですが、下記のリンクのImg SrcSet Polyfillというものを使いたいです。
https://github.com/kristianmandrup/picturefill-rails
インストールまで行い、以下のようにviewとapplication.jsに記述をしたのですが、画像が上手く表示されません。
◼︎view
<div class="type-01"> <%= image_tag("icon-example-01.png",:class => "icon-example") %> <%= imgset_tag "img-example-01.jpg", "img-example-01.jpg 1x, img-example-01-sp.png 2x", class: "img-example" %> </div>◼︎application.js
//= require jquery
//= require jquery_ujs
//= require jquery.slick
//= require srcset.js
//= require srcset.min.js
//= require turbolinks
//= require_tree .
ちなみにブラウザ上でhtmlの記述を見ると、画像のURLの部分がそのままimg-example-01.jpgとなってしまいます。(他の画像はhtmlで見ると/assets/icon-example-01-a20a506ed5f69748641436a9d251555ababfd4baabd9786a8f1379e8c84eb130.pngというような感じになるのですが・・・。)
どなたかご教授をお願いいたします。
あなたの回答
tips
プレビュー