Lpla 개발 블로그

menu-opener icon
  • HTML&CSS
  • JavaScript/기초
  • JavaScript/실전
  • React
  • PHP
  • 그누보드
  • ETC
반응형
[JavaScript] Swiper 예제 - 마우스오버시 일시정지 포스팅 썸네일 이미지

JavaScript/실전

[JavaScript] Swiper 예제 - 마우스오버시 일시정지

Swiper에서 autoplay 파라미터를 사용하여 자동재생 기능을 활성화할 수 있다. const swiper = new Swiper('.swiper-container', { autoplay: true, }); autoplay: true로 3초 마다 자동재생되는 슬라이드를 만들 수 있지만 그다지 추천하는 방법은 아니고 delay와 disableOnInteraction: false 로 세부 옵션을 추가하는 것이 좋다. const swiper = new Swiper('.swiper-container', { autoplay: { delay: 2000, disableOnInteraction: false, }, }); delay는 자동 재생 시간으로 유명하니 넘어가고 disableOnInteraction은 기본값..

2021.06.19 게시됨

1
반응형

최근글

인기글

반응형
06-12 07:19

활동 내역

«   2025/06   »
일 월 화 수 목 금 토
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

태그 클라우드

  • 파이썬
  • 그누보드
  • swiper
  • css
  • 자바스크립트
  • React
  • 리액트
  • 영화 웹서비스 만들기
  • 노마드코더
  • gsap
Copyright . lpla all rights reserved.
Designed by 베이스캠프
닫기 아이콘
사이드 프로필 배경이미지
블로그 이미지

Lpla

자기개발 블로그입니다. (2019.07.15~)

  • 분류 전체보기 (156)
    • 일상 (9)
    • HTML&CSS (16)
    • JavaScript (78)
      • 기초 (34)
      • 실전 (44)
    • React (9)
    • PHP (6)
    • 그누보드 (10)
    • Python (9)
    • WordPress (4)
    • etc (10)
    • 웹디자인기능사 (5)

전체

오늘

어제

Designed by 베이스캠프

티스토리툴바