• 카테고리

    질문 & 답변
  • 세부 분야

    웹 개발

  • 해결 여부

    미해결

project-photo질문입니다!

21.01.22 21:24 작성 조회수 142

1

custom.js 파일에서 

$('.project-photo').slick({

      dots: true,

( 이부분에 true로 설정했는데 도트가 왜 안 보이나요?? )

    })

답변 2

·

답변을 작성해보세요.

1

일단 CSS와 슬릭 js 파일 그리고 제이쿼리 파일이 링크되었는지 확인해주세요.

아래 코드로 확인해보세요.

<!DOCTYPE html>

<html lang="ko">

<head>

  <meta charset="UTF-8">

  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <title>Document</title>

  <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>

  <link rel="stylesheet" href="slick/slick.css">

  <link rel="stylesheet" href="slick/slick-theme.css">

  <script src="slick/slick.min.js"></script>

  <style>

    .myslider {

      border: 5px solid royalblue;

      width: 600px;

      margin: auto;

    }

    .myslider div {

      border: 1px solid #000;

      height: 200px;

    }

  </style>

</head>

<body>

  <div class="myslider">

    <div>01</div>

    <div>02</div>

    <div>03</div>

    <div>04</div>

    <div>05</div>

    <div>06</div>

    <div>07</div>

    <div>08</div>

    <div>09</div>

    <div>10</div>

    <div>11</div>

    <div>12</div>

  </div>

  <script>

    $('.myslider').slick({

      dots: true

    });

  </script>

  

</body>

</html>

0

솔솔님의 프로필

솔솔

질문자

2021.02.09

네, 감사합니다!