디자인

─────────────────────────────────── 

 

1.질문 분야 : (ex : XE) 

2.질문하기 전에 검색해본 내용 : ( ex : XE에서 ***를 검색했는데 관련 내용이 없고 찾을 수 없어ㅠㅠ) 

3.질문 내용 : (질문내용을 자세하게 적어주세요. html/css/js 코딩 관련 질문은 소스 첨부 필수!) 

 

─────────────────────────────────── 



1. 질문분야 : 제이쿼리 owlCarousel 슬라이더 적용

2. 검색하는 방법을 잘 모르겠기도 하고, 검색했을때 나오는 내용을 다 적용이 잘 된 것들이 나와서

   내가 어디를 잘못해서 안되는 것인지ㅜㅜ 도무지 모르겠어

3. html 파일을 첨부할게


<!DOCTYPE html>

<html lang="ko">

<head>

<meta charset="utf-8" />

<title>Title</title>


        <link href="js/OwlCarousel/dist/assets/owl.carousel.css">

        <link href="js/OwlCarousel/dist/assets/owl.theme.default.css">

        

        <script src="js/jquery-3.3.1.js"></script>

        <script src="js/OwlCarousel/dist/owl.carousel.js"></script>

        

        <style type="text/css">

            *{margin:0; padding: 0; }

            

            .box{height: 100px; background-color:antiquewhite; text-align: center; margin: 10px; }

        </style>

        

</head>

<body>

   <div class="slide owl-theme">

               <div class="box"> 내용1 </div>

               <div class="box"> 내용2 </div>

               <div class="box"> 내용3 </div>

               <div class="box"> 내용4 </div>

               <div class="box"> 내용5 </div>

               <div class="box"> 내용6 </div>

               <div class="box"> 내용7 </div>

           </div>

</body>

    

    <script>

            $(document).ready(function(){

                $('.slide').owlCarousel({


                });

            });

        </script>

</html>



내가 만들려는 부분에서 적용이 안되서 따로 테스트용으로 만들었어!

예전에 코딩수업할때, 그냥 저렇게 넣기만 해도 기본적인 구조로는 슬라이드 적용이 되었던 것 같은데,

왜 그냥 세로로만 정렬이 되는건지 도무지 모르겠어ㅠㅠ

파일 경로나 등등은 다 맞궁!

전에 코딩 수업때 제대로 작동했던 것도 지금 다시 보니 세로로만 쭈르륵 나오네ㅠㅠ

제이쿼리 초보자는 웁니다... 


* 물어볼 곳이 없어서 혹시 아는 토리가 있을까 해서 처음 글쓴는거라,

질문 내용이 잘못되었거나 문제 있으면 둥글게 지적해주라...ㅜㅜ

  • tory_1 2018.07.09 20:37

    캐러셀에 적용되야하는 기본 css가 아예 없어서 그런거같은데?

    플러그인 사이트에서 기본 예제 보면 css 적용된거 긁어서 붙여넣어봐



            <link href="js/OwlCarousel/dist/assets/owl.carousel.css">

            <link href="js/OwlCarousel/dist/assets/owl.theme.default.css">

           


    그리고 혹시 요거 경로 제대로 되어있는거 맞아? 

  • tory_2 2018.07.09 21:32
    owl-carousel 클래스를 같이 넣어야하는거 아냐?
  • W 2018.07.10 14:38

    ㅠㅠ댓글 남겨줘서 고마워! 톨들 댓글 보고 꼼꼼히 확인해서 차근차근 하니까 됐어ㅠㅠㅠㅠ

    스타일이 적용되는 클래스를 잘못넣었었어~

    너무너무 고마워!!!


List of Articles
번호 분류 제목 날짜 조회
전체 【영화이벤트】 조경가 정영선의 사계절 이야기 🎬 <땅에 쓰는 시> 힐링 시사회 2 2024.03.29 205
전체 【영화이벤트】 라이언 고슬링 X 에밀리 블런트 🎬 <스턴트맨> 대한민국 최초 시사회 55 2024.03.27 1579
전체 【영화이벤트】 “드림웍스 레전드 시리즈!” 🎬 <쿵푸팬더4> 시사회 67 2024.03.26 1242
전체 【영화이벤트】 웰 컴 투 세포 마을 🎬 <유미의 세포들 더 무비> 시사회 53 2024.03.21 4930
전체 【영화이벤트】 4.3 특별시사회 🎬 <돌들이 말할 때까지> 시사회 12 2024.03.20 4460
전체 디미토리 전체 이용규칙 2021.04.26 556374
공지 아기다리고기다리던 동맹 만들었어 ∠( ᐛ 」∠)_ * 이용방법 수정 68 2019.01.14 100494
공지 디자인교실 공지사항 15 2018.01.16 99054
모든 공지 확인하기()
2066 질문 프로크리에이트 파일을 프로크리에이트 파일에 가져오는 방법 없을까? 2024.03.28 17
2065 질문 디자이너로 일하고 싶은데.. 9 2024.03.23 231
2064 질문 가구 쪽 웹디들아 너네 가구 합성 많이 해?? 5 2024.03.21 138
2063 질문 이거 폰트 뭘까 2024.03.20 102
2062 질문 한글 제안서 특정 폰트만 써야하는 디자인 어떻게 해야할까..? 2 2024.03.19 100
2061 질문 아이브 유진 인스타에 올라온 이 사진보정 어플 뭘까? 2 2024.03.17 275
2060 잡담 시안 잡아놓은 디자인 영업쪽에서 맘에 안들었는지 다 바꿔놨네.. 5 2024.03.15 261
2059 질문 요새 이런 디자인이 유행인거같은데 3 2024.03.13 433
2058 질문 패키지 디자인 작업기간 1 2024.03.09 150
2057 질문 컬러칩 6년전에 나온거 사도 될까? 3 2024.03.06 244
2056 질문 영문 폰트 궁금해! 2 2024.03.06 116
2055 질문 블로그 현재 스킨 사이즈 어떻게 알아ㅠㅠ? 1 2024.03.05 85
2054 질문 포토샵으로 사진 크기 줄일때 4 2024.03.05 197
2053 질문 요즘 인스타에 많이 뜨는 3단 영상 템플릿 궁금해 1 2024.02.29 200
2052 질문 일러스트 2024버전으로 업그레이드 하고나서 드래그 할 때 테두리가 안보여... 4 2024.02.25 128
2051 질문 gif에 까만점이 생기는데 왜 그런걸까 ㅠㅠ 2024.02.22 147
2050 잡담 요즘은 웹디보다 패키지 디자이너가 더 구하기 힘든가? 5 2024.02.20 363
2049 질문 포토샵 보정 방법 좀 알려줄 수 있을까? 8 2024.02.18 298
2048 질문 편집디자이너 진로에 대해 물어볼 게 있어! 3 2024.02.18 207
2047 질문 폰 폰트 궁금해! 1 2024.02.15 166
목록  BEST 인기글
Board Pagination 1 2 3 4 5 6 7 8 9 10 ... 104
/ 104

Copyright ⓒ 2017 - dmitory. All rights reserved.