quantumcode

  • 홈
  • 태그
  • 방명록

slickslider 2

slick slider : 반응형 구현

responsive key 값에 배열타입으로 각각 브레이크 포인트 마다 객체형태로 구현한다.settings key값을 사용하여 기본 설정으로 구간별로 변경할 수 있다.$(".slider").slick({ arrows: false, dots: false, slidesToShow: 10, slidesToScroll: 1, responsive: [ { breakpoint: 1200, settings: { slidesToShow: 6, }, }, { breakpoint: 768, s..

웹코딩/javascript 2024.08.06

slick slider : 현재 슬라이드 확인

적용 방법:$(".slick-slider").on("afterChange", function(){  ...});  레퍼런스: afterChange(slick, currentSlide)슬라이드 후 호출 beforeChange(slick, currentSlide)슬라이드 전 호출 적용 예시)const sEl = $(".slider"); const elem = $(".slider .box"); $("#count").html( "1 / " + elem.length + "" ); sEl.slick({ dots: true, arrows: true, infinite: true, autoplay: true, ..

웹코딩/jquery 2024.08.06
이전
1
다음
더보기
프로필사진

quantumcode

  • 분류 전체보기 (68)
    • 그래픽 (3)
    • 웹코딩 (37)
      • javascript (10)
      • jquery (2)
      • html (5)
      • css3 (18)
      • php (2)
    • 웹프레임워크 (11)
      • vue.js (10)
    • 웹정보 (12)
    • python (0)
    • 웹기획 (3)
    • 자료실 (1)

Tag

텍스트 여백 제거, curl데이터 가져오기, async, CSS, beforerouterenter, slickslider, HTML, sass:map, 선택자, clipboard copy, meta tag attribute, css 여백 제거, php변수 html로 전달, javascript, sass map-get, vim, Firebase, firestore, css3, vue.js,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/07   »
일 월 화 수 목 금 토
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바