swiperボタンをクリックすると、無効なコントローラの無効

 

 

 

上記の転がりと一緒に、共感を切り替えるために小さなアイコンを以下、スイッチとなり、小さなアイコンを、次の、同じ時間画像スイッチにある矢印をクリックします。

次のようにサンプル・コードは次のとおりです。

   
<！ - Swiper - > 
    <divのクラス= "swiperコンテナギャラリートップ"> 
        <DIV CLASS = "swiper-ラッパー"> 
           <DIV CLASS = "swiperスライド"スタイル= "背景画像：のURL（IMG /nature1.jpg） "> </ div> 
            <divのクラス=" swiperスライド」スタイル= "背景画像：のURL（IMG / nature2.jpg）"> </ div> 
            <divのクラス= "swiperスライド"スタイル= "背景画像：のURL（IMG / nature3.jpg）"> </ div> 
            <divのクラス= "swiperスライド"スタイル= "背景画像：のURL（IMG / nature4.jpg）"> </ divの> 
            <DIV CLASS = "swiperスライド"スタイル= "背景画像：のURL（IMG / nature5.jpg）"> </ div> 
        </ div> 
        <！ -矢印を追加します- > 
        <divのクラス= "swiper-ボタンの横swiperボタンホワイト"> </ div>
        <DIV CLASS = "swiper-ボタンPREVボタンホワイトswiper"> </ div> 
    <！ - Swiper JS - > 
    </ div>
    <DIV CLASS = "swiperコンテナギャラリー-親指"> 
        <DIV CLASS = "swiper-ラッパー"> 
            <DIV CLASS = "swiperスライド"スタイル= "背景画像：のURL（IMG / nature1.jpg）"> < / DIV> 
            <DIV CLASS = "swiperスライド"スタイル= "背景画像：のURL（IMG / nature2.jpg）"> </ div> 
            <divのクラス= "swiperスライド"スタイル= "背景画像：のURL （IMG / nature3.jpg） "> </ div> 
            <divのクラス=" swiperスライド"スタイル= "背景画像：のURL（IMG / nature4.jpg）"> </ div> 
            <divのクラス=" swiper-スライド」スタイル= "背景画像：のURL（IMG / nature5.jpg）"> </ div> 
        </ div> 
    < VAR

    <スクリプトSRC = "../ DIST / JS / swiper.min.js"> </ SCRIPT> 

    <！ -初期化Swiper - > 
    <スクリプト>
    galleryTop = 新しい Swiper（ 'ギャラリートップ' 、{
        nextButton： 'ボタン-次.swiper' 
        prevButton： '.swiperボタン-前へ' 、
  //改为：

        ナビゲーション：{
          ネクステル： 'ボタン、次.swiper'、
          prevEl '.swiperボタン-PREV'
         }、

        spaceBetween： 10 、
    }）。
    VaRの galleryThumbs = 新しい Swiper（」ギャラリー親指、{ 
        spaceBetween： 10 、
        centeredSlides：真、
        slidesPerView： '自動' 、
        touchRatio： 0.2 、
        slideToClickedSlide：真
    }）。
    galleryTop .params .control = galleryThumbs。//改为コントローラ 
    galleryThumbs .params .control = galleryTop; //改为コントローラ
    
     </ SCRIPT>

 

 しかし、使用時に、または実際に無効な下の矢印アイコンをクリックしてください。

上記の赤い場所を変更した後、それが有効になります。