センターモードにしたいのですがプレビューで確認すると縦長にしか表示されませんので教えてください。宜しくお願いいたします。

3～5枚並んでる画像の真ん中をスライドした時に浮き出るように設定したいのですが縦長にしか表示されません。
何処が間違えていて何が足りないのか教えてください。
どうぞ宜しくお願いいたします。

<html><head><link rel="stylesheet" type="text/css" href="slick/slick.css"/>
<link rel="stylesheet" type="text/css" href="slick/slick-theme.css"/></head>

<body>

  <div class="center">
    <div><a href="">
<img src="" width="500" height="500" alt=""></div></a>
    <div><a href="">
<img src="" width="500" height="500" alt=""></div></a>
    <div><a href="">
<img src="" width="500" height="500" alt=""></div></a>
  </div>

  <script type="text/javascript" src="//code.jquery.com/jquery-1.11.0.min.js"></script>
  <script type="text/javascript" src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
  <script type="text/javascript" src="slick/slick.min.js"></script>

<script type="text/javascript">
$(document).ready(function(){
  $('.center').slick({
  centerMode: true,
  autoplay: true,
  autoplaySpeed: 2000,
  centerPadding: '100px',
  slidesToShow: 3,
  responsive: [
    {
      breakpoint: 768,
      settings: {
        arrows: false,
        centerMode: true,
        centerPadding: '70px',
        slidesToShow: 3
      }
    },
    {
      breakpoint: 480,
      settings: {
        arrows: false,
        centerMode: true,
        centerPadding: '70px',
        slidesToShow: 1
      }
    }
  ]
});
		
</script>


 </body>
</html>

m.ts10806

2021/06/12 09:12

コードやエラーはマークダウンのcode機能を利用してご提示ください。 https://teratail.com/questions/238564 あと、質問内容がコードしかありません。質問テンプレート利用してきちんと質問にしてください。

m.ts10806

2021/06/12 09:13 編集

また「センターモード」「プレビュー」とは何でしょう。赤の他人が見ても確実に情報が伝わるようご配慮ください。

1045toshi

2021/06/12 09:35

ありがとうございます。センターモードとは3～5枚並べてセンターが浮き出るように大きく見せる事です。

m.ts10806

2021/06/12 09:38

質問は編集できます。コードとあわせて質問内容調整してください。

m.ts10806

2021/06/16 09:32

>タグの勉強中で何の「タグ」でしょうか。

1045toshi

2021/06/17 02:14

あのー...質問とは関係ないですよね？！　【3～5枚並んでる画像の真ん中をスライドした時に浮き出るように設定したいのですが縦長にしか表示されません。何処が間違えていて何が足りないのか教えてください。】上記の質問のご返答を求めています。どうぞご教示ください。　宜しくお願いします。

m.ts10806

2021/06/17 02:17

質問内にも出てこない語句をいきなり使われてるので聞いたのですけど。質問に関係あるかないか判断材料がないです。

行動規範の内容に同意します

回答1件

とりあえず、class="your-class"→class="center"としてみてください。

投稿2021/06/12 09:11

Lhankor_Mhy

総合スコア36960

1045toshi

2021/06/12 09:33

ありがとうございます。ダメでした...

Lhankor_Mhy

2021/06/14 02:31

あとは、 $(document).ready(function () { を閉じてないですね。

1045toshi

2021/06/15 10:34

ありがとうございます。閉じてもダメでした... 何処が間違えているのか、いまだに分かりません？...

Lhankor_Mhy

2021/06/15 11:03

2つとも閉じました？

1045toshi

2021/06/16 09:29

スミマセン。　毎回、ご回答ありがとうございます。 2個閉じてもダメでした...(；ωq｀),,,,,,ｸｽﾝ･ﾟ･

1045toshi

2021/06/16 09:31

現在、タグの勉強中で分からない事ばかりです...

m.ts10806

2021/06/16 09:32

そもそもhttpでアクセスしてるのだろうか。↓ <script type="text/javascript" src="//code.jquery.com/jquery-1.11.0.min.js"></script> <script type="text/javascript" src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>

Lhankor_Mhy

2021/06/16 13:37

それもありそうですね。

行動規範の内容に同意します