slickをつかったスライダーが縦に並んでスライドしません。

Question

前提・実現したいこと

slickを使ってスライダーをつくりたいです。
slickのサイトに載ってある通りにしてみたのですが、画像が縦に並んで反映されません。dreamweaverのプレビューでは反映されているのですが。

該当のソースコード

.
.
.
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css"/>
</head>
<header>
  <ul class="your-class">
	<li><img class="slider-item" src="images/home/fv01.jpg" alt="画像"></li>
	<li><img class="slider-item" src="images/home/fv02.jpg" alt="画像"></li>
	<li><img class="slider-item" src="images/home/fv05.jpg" alt="画像"></li>
  </ul>
</header>
.
.
.
</footer>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
  <script type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>


<script type="text/javascript">
	$(function(){
	  $('.your-class').slick({
	  autoplay: true,
	  /*dots: true,*/
	  infinite: true,
	  speed: 500,
	  fade: true,
	  cssEase: 'linear'

	  });
	});
 </script>


</body>

試したこと

他の方の似たような質問などをみて、

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"> を</body>の直前に入れてみましたが、逆にdreamweaverのプレビューですらスライドしなくなりました。 なにか足りないものがあるのでしょうか。初歩的なことかもしれませんが初心者のためお許しください...

Answer 1

//cdn.jsdelivr.net/をhttps://cdn.jsdelivr.net/に変えてみてください。

Comments

[hanayammmm]

確かに縦並びから、変化はありました。読み込めた感じはします。しかし、スライドせずにスライド画像にpositionで載せているロゴとスライド画像3枚のうちの1枚と交互にスライドしだしました。とても大きな横スクロールも発生しました。
dreamweaverのプレビューでは理想通りに動いています。
どうしてなんですかね...TT

[kei344]

ほかにも「="//」になっているところがあるとか、パスが違うとか、HTMLの構文がおかしくて（閉じタグが無かったり引用符が全角だったり）崩れているとか、今提示されている内容だけではこれくらいしか思いつきません。

[hanayammmm]

//のところがあったので修正したら作動しました＾＾初心者すぎて大変申し訳ありません...ありがとうございました！！！