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

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

Tag

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

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/12   »
일 월 화 수 목 금 토
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 © AXZ Corp. All rights reserved.

티스토리툴바