Swiper는 돌연변이 관찰자를 활성화 할 수있는 옵션이 있습니다,이 기능 Swiper는 자동으로 reinitilized하고 DOM에서 동적 변경을할 경우 모든 필요한 매개 변수를 다시 계산합니다, 또는 스위퍼 스타일 자체에서 지금, 우리는 스위퍼의 HTML이있을 때, 우리는 그것을 초기화할 필요가 다음 기능을 사용 하 여: 참고 프레임 워크 7의 버전 의 Swiper 키보드를 포함 하지 않습니다., 역사, 해시 탐색 및 마우스 휠 모듈 그들은 바탕 화면 만 것 들 Swiper 모든 필요한 내장 탐색 요소와 함께 제공, 등 Pagination, 탐색 화살표와 Scrollbar Swiper는 슬라이드 레이아웃에 대한 현대적인 플렉스 박스 레이아웃을 사용하므로 크기 조정으로 많은 문제와 시간을 해결합니다. 이러한 레이아웃은 또한 순수한 CSS 새로운 스위퍼 (swiperContainer, 매개 변수)를 사용하여 슬라이드 그리드를 구성 할 수 있습니다 – 당신은 슬라이드를 사용하는 경우 옵션와 스위퍼를 초기화 “자동”또는 slidesPerView 1, 당신은 또한 watchSlides가시성을 활성화하고 스위퍼가로드됩니다 현재 보이는 슬라이드의 이미지 시차 효과를 사용하려면 통과 된 시차 : true 매개 변수로 Swiper를 초기화하고 필요한 요소에 다음 (또는 혼합) 속성 중 하나를 추가해야합니다 : 이벤트는 Swiper 초기화 직후에 발생합니다. swiper.on (`init`) 구문을 사용하면 초기화로 설정한 경우에만 작동합니다 : 잘못된 매개 변수 : Swiper는 올바른 레이아웃으로 100 % RTL 지원을 제공하는 유일한 슬라이더입니다. HTML 파일에서: 지금, 우리는 우리의 응용 프로그램에 기본 Swiper 레이아웃을 추가 해야: 예를 들어, 이 코드, 우리는 페이지 매김 글머리 기호에 슬라이드 번호를 추가할 수 있습니다: Swiper 4 슬라이드 또는 무거운 콘텐츠 (또는 무거운 이미지)를 많이 있을 때 좋은 새로운 가상 슬라이드 기능 함께 제공 ) 당신이 당신의 프로젝트에 Swiper 파일을 포함하지 않으려면 DOM에 슬라이드의 단지 필요한 양을 유지하므로 슬라이드, 당신은 cdnjs에 Swiper에서 사용할 수 있습니다. 다음 파일을 사용할 수 있습니다 : defaut Swiper에 의해 1 : 1 터치 이동 상호 작용을 제공하지만,이 비율은 스위퍼 설정 Swiper를 통해 구성 할 수 있습니다 – 하드웨어 가속 전환과 놀라운 무료 및 가장 현대적인 모바일 터치 슬라이더입니다 네이티브 동작. 모바일 웹 사이트, 모바일 웹 앱 및 모바일 네이티브/하이브리드 앱에서 사용할 수 있습니다. 주로 iOS용으로 설계되었지만 최신 안드로이드, Windows Phone 8 및 현대 데스크톱 브라우저 Swiper 패키지에는 지원되거나 웹 팩 이나 롤업과 같은 번들로 사용할 수있는 ES 모듈 버전이 함께 제공됩니다: 모든 Swiper 2 잘 알려진 기능도 있습니다. 여기: 응답, 스크롤 방지, 저항 경계, 자동 재생, 루프 모드, 중첩 된 스 와이프 스위퍼 스위퍼, 다른 훌륭한 구성 요소와 함께, Framework7의 일부입니다 – iOS 및 안드로이드 응용 프로그램을 구축하기위한 전체 기능을 갖춘 프레임 워크.