게시글
질문&답변
slick slider 이미지 개수
@charset "UTF-8"; @import url('https://fonts.googleapis.com/css2?family=Do+Hyeon&family=Quicksand:wght@300..700&display=swap'); body { margin: 0; font-family: "Quicksand", sans-serif; font-weight: 500; font-size: 15px; color: #222; } a { text-decoration: none; color: #222; } /* Layout */ .container {} header { display: flex; } header > div { height: 50px; } .logo { width: 150px; } .navi { flex: 1; height: 50px; } .menu-tap-inner { width: 80px; display: flex; } .menu-tap-inner > div { height: 50px; } .search { width: 30px; } .menu-tap { width: 50px; } .slide { height: 750px; } .coupon { height: 750px; margin-top: 100px; } .coupon_text { height: 120px; } .coupon_image { height: 600px; } .brand-story { height: 600px; margin-top: 100px; } .category { height: 600px; } .best-items { border: 1px solid black; height: 600px; } .news-tips { border: 1px solid black; height: 600px; } .instagram { border: 1px solid black; height: 600px; } footer { border: 1px solid black; height: 300px; } /* Layout */ /* Logo */ .logo a img { width: 150px; } /* Logo */ /* Navigation */ .navi ul { display: flex; margin-top: 23px; } .navi li { list-style: none; text-align: center; } .navi li > a { font-weight: 600; padding: 0 35px; } .sub-menu { margin-top: 7px; padding: 5px; background-color: #fff; display: none; width: 100px; margin: auto; } .sub-menu a { display: block; padding: 5px; color: #707070; font-size: 13px; } .sub-menu a:hover { color: black; } /* Navigation */ /* Search */ .search { display: flex; align-items: center; } .search a .fa-solid { font-size: 16px; } /* Search */ /* Menu-tap */ .menu-tap { display: flex; align-items: center; justify-content: center; } .menu-tap a .fa-solid { font-size: 20px; } /* Menu-tap */ /* Slide */ .slide { position: relative; z-index: -1; overflow: hidden; } .slide-image { position: relative; } .slide-image-inner { position: absolute; display: flex; width: 500%; height: 750px; font-size: 0; } .slide-image-inner a { width: calc(100% / 5); height: inherit; } .slide-image-inner a img { width: 100%; height: inherit; object-fit: cover; } /* Slide */ /* Coupon */ .coupon {} .coupon_text { text-align: center; } .coupon_text h1 {} .coupon_text p { font-size: 17px; } .coupon_image { text-align: center; transition: 0.5s; } .coupon_image a {} .coupon_image a img { width: 500px; } .coupon_image a img:hover { opacity: 0.7; } /* Coupon */ /* Brand story */ .brand-story { overflow: hidden; position: relative; } .brand-story a {} .brand-story a img {} .brand-story-text { position: absolute; top: 50px; left: 200px; color: #fff; } .story-title h1 { font-size: 40px; } .story-text p { font-size: 17px; line-height: 1.6em; } /* Brand story */ /* Category */ .category { background-color: #f9f4ee; margin-top: -70px; } .category h1 { text-align: center; margin-top: 70px; font-weight: 500; padding-top: 70px; } .category-content { padding: 20px; } .category-content > div { padding: 20px; } .category-content > div img { border-radius: 20px; } /* Category */
- 1
- 4
- 101
질문&답변
slick slider 이미지 개수
// Navigation $('.navi li').mouseenter(function(){ $(this).children('.sub-menu').stop().slideDown() }) $('.navi li').mouseleave(function(){ $('.sub-menu').stop().slideUp() }) // Slide setInterval(function(){ $('.slide-items').animate({left: '-100%'}, function(){ $('.slide-items').css({left:0}) $('.slide-item:first-child').appendTo('.slide-items') }) }, 5500) $(document).ready(function(){ $('.category-content').slick({ slideToShow: 4, slideToScroll: 1, autoplay: true, autoplaySpeed: 4000, fade: true, cssEase: 'linear', infinite: true, centerMode: true, responsive: [ { breakpoint: 1200, settings: { slideToShow: 4, slideToScroll: 1 } }, { breakpoint: 600, settings: { slideToShow: 2, slideToScroll: 1 } } ] }) });
- 1
- 4
- 101
질문&답변
slick slider 이미지 개수
malanghoney_01 (사진) BRAND STORY CONTACT SHOP 전체보기 BEST NEW 출산·돌기념 아기의류·침구 목욕·용품 놀이·완구 이유식용품 외출용품 유아동잡화 임산부용품 PROMOTION NEWS & TIP COMMUNITY NOTICE REVIEW Q & A FAQ EVENT 리콜접수 (사진) (사진) (사진) (사진) (사진) 멤버십 쿠폰 말랑하니만의 더 특별한 혜택 (사진) (사진) 마음 편한 육아의 시작,말랑하니 처음 마주하는 육아가 때로는 낯설고 어려워도 매 순간을 소중히 여기는 당신에게 편안하고, 여유로운 육아가 되기를 바라며 고민합니다. 행복한 육아의 모든 날, 모든 순간에 함께하길 꿈꾸는 말랑하니입니다. CATEGORY (사진) (사진) (사진) (사진) (사진) (사진) (사진) (사진) AOS.init();
- 1
- 4
- 101