前提・実現したいこと
slick.jsでやじるしやドットをよくあるスライドショーの形にしたい。
発生している問題・エラーメッセージ
](54dfecae18b406a83c8cfc636dc65355.png)
画像のようなレイアウトになっており、カスタマイズの仕方がわからないです。
ネットで、slick.jsに関する記事は一通り読んだのですが、ソースコードを確認したのですが、なにも記述がないまま、Previous,Nextの部分が<、>になっていたり、下のボタン要素の1、2、3、4の部分が良くあるようなドットの形になっていたり、おそらくデフォルトのCSSの設定が適応されています。
なのでおそらく自分がCSSを読み込めていない可能性があると思い質問させていただきました。なにか読み込み忘れているCSSがあるのでしょうか?ご回答よろしくお願いします。ちなみに、styles.cssとmain.jsは自分独自で設定しているCSSです。
該当のソースコード
html
1<!DOCTYPE html> 2<html lang="ja"> 3<head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <meta http-equiv="X-UA-Compatible" content="ie=edge"> 7 <title>Document</title> 8 <link rel="stylesheet" href="css/slick.css"> 9 <link rel="stylesheet" href="css/styles.css"> 10 <link href="https://use.fontawesome.com/releases/v5.6.1/css/all.css" rel="stylesheet"> 11</head> 12<body> 13 14 <div class="slider"> 15 <div class="slider1 slide"></div> 16 <div class="slider2 slide"></div> 17 <div class="slider3 slide"></div> 18 <div class="slider4 slide"></div> 19 </div> 20 <script 21 src="https://code.jquery.com/jquery-3.4.1.min.js" 22 integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" 23 crossorigin="anonymous"></script> 24 <script src="js/slick.min.js"></script> 25 <script src="js/main.js"></script> 26</body> 27</html>
回答2件
あなたの回答
tips
プレビュー