2017-01-06 5 views
0

私はイメージギャラリーのためにスワイパーJSで働くwebappに取り組んでいます。 Phonegapを使わなければ正常に動作しますが、Phonegapを使って "スライド"エフェクトが正しく動作し、JSの前/次のボタンが表示されましたが、触れられません。不思議なことに、私のブラウザウィンドウ(Firefox)のサイズを変更した後に動作を開始します。何か案は?私のイメージを通じてスワイパーJS Phonegapの問題

ループとswiperラッパーにそれらを追加します:

 <!-- Swiper --> 
    <div class="swiper-container"> 
     <div id="swiper-wrapper" class="swiper-wrapper"> 
      <div id="img0" class="swiper-slide"></div> 
      <div id="img1" class="swiper-slide"></div> 
      <div id="img2" class="swiper-slide"></div> 
      <div id="img3" class="swiper-slide"></div> 
      <div id="img4" class="swiper-slide"></div> 
      <div id="img5" class="swiper-slide"></div> 
      <div id="img6" class="swiper-slide"></div> 
      <div id="img7" class="swiper-slide"></div> 
      <div id="img8" class="swiper-slide"></div> 
     </div> 
     <!-- Add Arrows --> 
     <div class="swiper-button-next swiper-button-white"></div> 
     <div class="swiper-button-prev swiper-button-white"></div> 
     <!-- Add Pagination --> 
     <div class="swiper-pagination"></div> 
    </div> 

    <!-- Swiper JS --> 
    <script src="js/swiper.min.js"></script> 

    <!-- Initialize Swiper --> 
    <script> 
    var swiper = new Swiper('.swiper-container', { 
     pagination: '.swiper-pagination', 
     paginationClickable: true, 
     nextButton: '.swiper-button-next', 
     prevButton: '.swiper-button-prev', 
     spaceBetween: 30 
    }); 
    </script> 

画像はDOM

答えて

0

によってロードされている私には、以下の溶液を用いて問題を修正

var str = "<div class=swiper-slide><a href=data:iamge/png;base64,"+image_data+" data-lightbox="+image_id+" data-title="+image_date+" "+image_time+"><img src=data:image/png;base64,"+image_data+" class=gallery_images></img></a></div>"; 
$('.swiper-wrapper').append(str); 

スワイパーに声をかけてください。

var swiper = new Swiper('.swiper-container', { 
    pagination: '.swiper-pagination', 
    paginationClickable: true, 
    nextButton: '.swiper-button-next', 
    prevButton: '.swiper-button-prev', 
    spaceBetween: 30 
}); 

とdivs属性の表示を設定した後:継承私はスワイパーオブジェクトを更新する必要がありました:

swiper.update(true);