swiper4使い方

1.swiper：HTML構造

<DIV CLASS = "swiperコンテナ"> 
    <DIV CLASS = "swiperラッパー"> 
        <DIV CLASS = "swiperスライド"> slider1 </ DIV> 
        <DIV CLASS = "swiperスライド">スライダ2 </ div> 
        <DIV CLASS = "swiperスライド"> slider3 </ DIV> 
    </ DIV> 
</ DIV>

　　2.スタイル

       .swiper容器{ 
            マージン：0自動。
            幅：100ピクセル; 
            高さ：200pxの。
            オーバーフロー：隠されました; 
            国境：1pxの固体赤。
        } 
        .swiperラッパー、.swiperスライド{ 
            幅：100pxに。
            高さ：200pxの。
        }

　　3.水平カルーセル

mySwiper新しい新しいSwiper = VAR（ 'Swiper-コンテナ。'、{ 
        自動再生：trueに、//オプション、自動的にスライド
        ループ：trueに
    }）

　　4.垂直回転

mySwiper新しい新しいSwiper = VAR（ 'Swiper容器。' { 
        自動再生：trueに、//オプション、自動スライド
        方向： '垂直'、//スクロール方向、水平方向又は垂直制御
        ループ：trueに
    }）

　　イベントの切り替えについて5。

　　6。