0

イメージギャラリーフォーマットを作った。それは反応的です(ブーストラップといくつかのmedias @)。画像をクリックすると、スワイパー(http://idangero.us/プラグイン)スライダーが開き、画像が1つずつ大きなサイズで表示されます。私がクリックしたときに、iPhoneを除き(アンドロイド)携帯電話に向きを変え、スワイパースライダーギャラリー、Iphoneの向きを変える

応答、全てのフォーマットが正常に動作している...

:私は、PC上でテストされ、Android携帯電話、そしてそれは、この2つのデバイス上で正常に動作していますイメージを開いても問題ありませんが、向きが変更されると、スワイパ領域のサイズが変更されません。

私は出回っこの2つのオプションを試してみてください(縦または横に縦向きに横)方向を変更した後も

window.addEventListener("orientationchange", function() { 
    mySwiper.update(); and thisone: mySwiper.onResize(); 
}); 

私は、このことを気づく、そして小さなスクロールダウンを行い、swiper(コンテナのサイズを変更アドレスバーを隠すためにスクロールしてください)、うまくいきますが、アンドロイドでは、それは必要ではありません。

答えて

1

それはハックのように見えるのですが、それは私のために働いています:

$(window).on('orientationchange', function() { 
    setTimeout(() => swiper.onResize(), 50); 
}); 
関連する問題