inflearn logo
강의

Course
Instructor

Responsive Website Portfolio (App Official Landing Website)

[Plugin Usage] Content Slider Slick Slider Usage and Modifying CSS (1)

따라했는데 이상합니ㅏㄷ..ㅠ

291

gudghk04305966

5 asked

1

<!DOCTYPE html>
<html lang="ko">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Documenfet</title>
  <script src="/script/jquery-3.4.1.min.js"></script>
  <!-- slick js -->
  <link rel="stylesheet" href="/slick/slick.css">
  <link rel="stylesheet" href="/slick/slick-theme.css">
  <script src="/slick/slick.js"></script>
</head>
<body>
 
  <div class="your-class">
    <div>your content</div>
    <div>your content</div>
    <div>your content</div>
  </div>


<script>
  $('.your-class').slick();
</script>
</body>
</html>
 
 
 
이렇게 했는데요, 그러면 your content가 한줄만나오고 나머지 두줄이 그냥 없어집니다 ... 세이브연속으로누르면 살짝 previous버튼과 next버튼이보이는? 현상이나오는데 뭐가문제일까요?

HTML/CSS jquery 반응형-웹

Answer 2

1

gudghk04305966

영상을 좀 더 끝까지봤으면 theme.css 들어갓을때 화면이 제 화면인건데 제가 바로 멈추고 계속 해결만하려고하니 안되었네요 ㅠㅠ죄송합니다. 그리고 상대주소로 넣는것도 배웠네요 감사합니다

0

codingworks

괜찮습니다. 저도 겪었던 과정입니다. 이러면서 계속 성장하게 됩니다. 화이팅~

0

codingworks

CSS 코드와  스크린샷도 올려주셔야 합니다.

그리고 절대주소 방식으로 하셨는데 상대주소 방식으로 하셔야 합니다.

절대 주소로 해도 되지만 익숙하지 않은 상태에서 원인을 못찾을 수 있습니다.

절대주소  <script src="/slick/slick.js"></script>

상대주소  <script src="slick/slick.js"></script>

그리고 폴더구조가 좀 이상한 것 같아요.

script 폴더에 slick을 넣어두는 것이 일반적입니다.

 

0

gudghk04305966

감사합니다! 상대주소로해도 안되서 계속 해봤는데.. 선생님이 말씀해주신 두번째 링크방법인 파일에서가아닌 slickjs 홈페이지에서 링크하는걸로 해서 하니까 또 되네요.. 그래서 이상해서.. 파일링크에서 theme.css링크를 해제하니까 됩니다.. 정확한 이유는 모르겠지만 해결은 했습니다 ㅠㅠ

하드코딩으로 이미지맵(image map) 만들기

1

79

2

슬릭 슬라이더

1

147

2

position: fixed; 가 안먹혀요..뭐가 문제일까요?

1

167

1

반응형 fixed 안먹히는 문제

1

264

2

선생님

2

155

1

.news-thum .date 위치가 안맞아요

1

245

2

TypeIt - Welcome 부분이 적용이 안됩니다..

1

369

2

Scroll Reveal Animation 적용이 안되요

1

362

1

완성 후 각 섹션 display:none 주석 시 문제

1

384

3

브라우저를 줄일 때 화면 깨짐

1

632

2

welcome-heading 부분이 왜 저렇게 위치되는지 모르겠습니다.

1

340

1

제이쿼리 탭메뉴 클릭 질문

1

236

1

질문있습니다

1

548

1

질문있습니다.

2

646

2

슬릭슬라이더가 왜 안되는지 모르겠습니다

1

621

1

slick slider와 .ceo-content영역 겹침

1

719

1

span .badge 부분 참고하실분 하세요

2

333

1

플렉스를 안주고 그냥 패딩을 줘도 되지 않나요

1

330

1

창을 줄이면 위치가 이동되는 백그라운드 이미지

1

531

1

크롬창을 줄어들면 이미지가 작아짐

1

742

1

scroll behavior 오류

1

263

1

선생님 코딩좀 봐주세요..

1

399

3

왜 전 선생님과 화면이 다를까요?

1

365

3

flex로 된 부분을 좌우로 애니매이션 할때 발생하는 문제점.

1

206

1