Lpla 개발 블로그

menu-opener icon
  • HTML&CSS
  • JavaScript/기초
  • JavaScript/실전
  • React
  • PHP
  • 그누보드
  • ETC
반응형
Swiper 예제 - Swiper 2개 연동 포스팅 썸네일 이미지

JavaScript/실전

Swiper 예제 - Swiper 2개 연동

웹사이트를 만들다보면 Swiper 2개를 연동해야 하는 상황이 발생할 수 있다. 여기서 말하는 연동이란, A 슬라이더를 여러 방법으로 동작할 때, B 스와이퍼도 움직이는 것을 말한다. 마찬가지로 B 슬라이더를 움직이더라도 A 슬라이더가 함께 움직이는 것도 포함한다. 최종 결과물 기본 구조 HTML CSS .swiper-container { width: 600px; text-align: center; } .swiper-container img { width: 100%; } JavaScript var MainSwiper = new Swiper('.main_swiper .swiper-container'); var SubSwiper = new Swiper('.sub_swiper .swiper-container'..

2021.02.26 게시됨

1
반응형

최근글

인기글

반응형
06-08 10:50

활동 내역

«   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

태그 클라우드

  • gsap
  • 자바스크립트
  • 리액트
  • 노마드코더
  • css
  • 파이썬
  • swiper
  • 그누보드
  • React
  • 영화 웹서비스 만들기
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 베이스캠프

티스토리툴바