- 締切済み
jQueryのSlickで矢印アイコンが出ない
http://kenwheeler.github.io/slick/ 上記サイトのCenterModeを設置しました。 デフォルトでは矢印マークはONになっているのにサイトには反映されません。 しかし、画像のところをドラッグしてスライドはできますし、CenterMode特有の 中央にきた画像が大きくなるというのもばっちりです。 単純に矢印マークを出力する部分だけのことだと思うのですが、原因が分かりません。 slick.cssに以下の記述があるので、矢印は画像ではなくフォントで指定しているのかなと 思うのですが、違うのでしょうか?fontsフォルダは入れてあります。 【slick.css】 /* Arrows */ .slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; top: 50%; margin-top: -10px; padding: 0; border: none; outline: none; } .slick-prev:focus, .slick-next:focus { outline: none; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; } .slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; color: white; opacity: 0.85; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -25px; } .slick-prev:before { content: "\2190"; } .slick-next { right: -25px; } .slick-next:before { content: "\2192"; }
- みんなの回答 (2)
- 専門家の回答
みんなの回答
- warpspace
- ベストアンサー率56% (83/147)
slick.js(slick.min.js)、slick.cssと同じディレクトリに、fonntsフォルダーおよび その中身(slick.ttfなど)が正しくアップロードされていますか? これが正しく(正しい位置で)ないと、→マークが表示されません。
- kosukejlampnet
- ベストアンサー率44% (126/282)