Swiper 4.xの使い方(モバイル端末サイトの内容はタッチスライド)

Swiperはモバイル端末のウェブサイトの内容によく使われています.
Swiperは純粋なjavascriptが作成したスライド効果プラグインで、携帯電話、タブレットコンピュータなどのモバイル端末に向いています.
Swiperはタッチパネルの焦点図、タッチパネルのTab切り替え、タッチスクリーンの多図切り替えなどの常用効果を実現できます.
Swiperオープンソース、無料、安定、使い勝手が簡単、機能が強大で、モバイル端末サイトを構築する重要な選択です.
1.まずプラグインをロードし、必要なファイルはswiper.min.jsとswiper.min.cssファイルがあります.Swiperファイルをダウンロードするか、CDNを使用することができます.

  ...
  


  ...
  

2.HTML

  

    
Slide 1
    
Slide 2
    
Slide 3
  
  
  

  
  
  

  

  
  
  


         container  

3.Swiperにサイズを したいかもしれません.もちろん らなくてもいいです.

.swiper-container {
  width: 600px;
  height: 300px;
} 

4. Swiper: にいたほうがいいです.