nginx,unicorn,rails6で本番環境を構築したのですが、
ページにアクセスした際、slick.jsで作成したsliderの画像が正しく表示されません
具体的には、計5枚の画像を一枚ずつスライドするスライダーなのですが、
画像の総枚数とDotsがx5の25枚、個になってしまっています。
おそらくimgタグのsrcを、パス指定からasset_pathメソッドによる指定に変更したからだと思い色々とやってみたのですが、
うまくいかないのでアドバイスいただきたいです、
ローカル環境では正常に動作しています。
よろしくお願いいたします。
###html
<div class="conteiner"> <div class="row"> <div class="col-12"> <ul class="slider mb-auto mt-auto"> <li><img src="<%= asset_path "flower.jpg" %>" ></li> <li><img src="<%= asset_path "lion.jpg" %>" ></li> <li><img src="<%= asset_path "space.jpg" %>" ></li> <li><img src="<%= asset_path "forest.jpg" %>" ></li> <li><img src="<%= asset_path "mountain.jpg"%>" ></li> </ul> </div> </div> </div>
###application.js(slider部分)
$(function(){ $('.slider').slick({ autoplay:true, autoplaySpeed:4000, speed:1000, accessibility: true, dots:true, }); $('.slick-dots li').on('mouseover', function() { $('.slider').slick('goTo', $(this).index()); }); });
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。