基本的な使用swiper

パラメーター名	タイプ	必須	説明
swiperContainer	HTMLElementまたは文字列	必須	Swiper容器CSSセレクタ、例えば".swiper-container"
パラメーター	オブジェクト	オプショナル	パーソナライズSwiper設定

ページ参照Swiper複数、各コンテナは、デフォルトのクラス名swiper-維持するか、クラスIDの区別に追加できるコンテナ。
HTML

の<divクラス= "Swiper-コンテナ" ID = "swiper1"> ... <div>の
<divのクラス= "Swiper-コンテナ" ID = "swiper2"> ... <div>の
<divのクラス= "コンテナSwiper "ID =" swiper3「> ... <div>の

JSを

するvar swiper1 = 新新 Swiper（ '＃のswiper1' ）;
 VARの swiper2 = 新新 Swiper（ '＃のswiper2' ）;
 VARの swiper3 = 新新 Swiper（「＃ swiper3「）;

キーワード

使用方法示例

 <DIV CLASS = "swiperコンテナ"> 
  <DIV CLASS = "swiperラッパー"> 
    <DIV CLASS = "swiperスライド"> slider1 </ DIV> 
    <DIV CLASS = "swiperスライド">スライダ2 < / DIV> 
    <DIV CLASS = "swiperスライド"> slider3 </ div> 
  </ div> 
</ div> 
<スクリプト> VAR mySwiper = 新しい swiper（ 'swiperコンテナ' 、{ 
    自動再生：真、// 可选选项、自动滑动}）
 </スクリプト>

　　initialSlide :2,//默认位置
　　direction : 'vertical',//横向   vertical：竖向切换
　　speed:300,//动画完成时间 autoplay : { delay:3000 },//切换一次动画时间
　　grabCursor : true,//鼠标移上变成小手