問題タブ [swiper]

ホームページのスライダーに iDangero.us Swiper プラグインを使用していますが、すべてのブラウザーで特異な問題が発生しました。私は 4 つのスライド (それぞれが背景画像といくつかのテキストと画像を含む div です) を持っており、スワイプ (または [次へ] ボタンをクリック) して最後のスライドから最初のスライドに移動するまで、すべて問題なく表示されます。新しいスライドは完全に白く表示され、少しドラッグするだけで適切に表示されます。

興味深いことに、逆方向にスクロール (スライダーを左にドラッグするか、[戻る] ボタンをクリック) すると、これは発生しません。

デモはこちら: https://dl.dropboxusercontent.com/u/13308449/design-boost/index.html

この動作の原因は何ですか?どうすれば修正できますか?

Swiper を Wordpress のテーマに統合しようとしていますが、うまくいきません。

これは私の functions.php からのものです:

これは私のheader.phpからのものです

これは HTML マークアップです。

すべてが正常に機能しているように見えますが、機能しているのは今だけです...

どんな助けでも大歓迎です...

私のサイトではiDangerous Swiper Sliderを使用しています。そして持っている

オプション:

最後のスライド (№14) スライダーをクリックして左にスワイプします。このアクションを削除するには？助けてください..

ここで実際の例を見ることができます

ここで初期化コード:

iDangerous Swiper jQuery プラグインを使用して、ページが変更されるたびに画像を入れ替えたいと考えています。

ページは、指でビュー間をドラッグするかmySwiper.swipePrev()、コードで使用することによって変更できます。変更されるたびに、srcどのページが表示されているかを示す画像を変更する必要があります。2 つの異なるビューしかありません。

HTML:

jQuery:

私の最初の考えは、mySwiper.swipeNext() 内で別の関数を呼び出すことでしたが、これはスワイプ時ではなく、テキストをクリックしたときにのみ呼び出されるようです。

ページが変更されたときにリッスンできる方法や、jQuery を使用してビューポートに要素 (つまり、ページ 1 または 2 の何か) が表示されていることを検出するために使用できるハックはありますか?

iDangerous Swiper プラグインを使用しているこのスライダーがあります。

彼女はフィドルです：http://jsfiddle.net/2vNTw/1/

スワイパー スライダーはカルーセル モードに設定されており、最大幅は 1275 ピクセルです。これで、非アクティブな画像/中央にない画像のカスタム オーバーレイを作成しました。オーバーレイは、縮小されていない場合は正常に機能しますが、縮小すると、オーバーレイは中央/アクティブなスライドにもオーバーレイされますが、これはすべきではありません。

スケーリングは jQuery で行われます。

JQuery スケーリング:

オーバーレイをスケーリングすることもできますか?

スワイパーが思うように動かない。すべてのスライドを 1 ページに表示します。宣言のせいだと思いますが、正しい順序が見つかりません。jQueryモバイルを無効にしようとしましたが、スライダーは機能しますが、すべてのアプリがめちゃくちゃです。両方必要です... 正しい順序は何ですか?

また、危険なスクリプトを無効にすると、ナビゲーション ボタンが消えます。

次の index.js のみを変更しました。

}

低解像度でウェブサイトにiDangerous Swiperを使用しています。ここに私がそれを呼んでいる方法があります:

そのため、デスクトップ ブラウザーでアクセスすると、スワイパーは呼び出されません。私がしたいのは、ユーザーがウィンドウのサイズを より小さいサイズに変更した場合は「オンにする」か、ユーザーresolutionが小さなウィンドウサイズでアクセスしてから より大きいサイズに変更した場合は破棄することですresolution。私はこれを試しましたが、うまくいきませんでした：

2 つの望ましくないことが起こります。

1. ユーザーの解像度が小さく、スワイパーを呼び出す解像度にサイズ変更すると、スワイパーが再起動します。
2. ユーザーが小さい解像度を使用していて、大きい解像度にサイズ変更した場合、それは破棄されません。

私の問題はtypeof. 変数が次のように呼び出されたときにどのように機能するかはよくわかりません: $('.swiper-container').swiper().

スワイパーを「呼び出し解除」する方法と、既に呼び出されている場合に呼び出さない方法を教えてください。

スワイパーからの左右の制限を少なくするにはどうすればよいですか?? 最初のスライドで右にスワイプすると、しきい値があり、ラッパーが表示されます。距離が短くなるようにこれを最小限に抑えるにはどうすればよいですか..たとえば、レスポンシブデザインの例 :

Wordpress ベースのレスポンシブ Web サイトがあり、ブラウザ ウィンドウの幅に応じてSwiperを呼び出したいと考えています。だから私はこれを書いた：

うまく機能しますが、ユーザーがウィンドウのサイズを変更すると、Web サイトが少し乱雑になります。

だから、私はそれをすべてインサイトに書きました$(window).resize。それは機能しましたが、2 つの望ましくないことが起こりました。

1. ユーザーが でブラウザを起動し< browserwidth、ウィンドウのサイズを に変更するとbrowserwidth、Swiper がリロードされ続けます。これはそれほどクールではありません。
2. ユーザーが でブラウザを起動し、< browserwidthを超えてウィンドウのサイズを変更すると、既存の機能browserwidthを使用しても Swiper は「オフ」になりません。mySwiper.destroy()

では、jQuery呼び出しをオン/オフにしたり、呼び出されたことを検出して破棄したりするにはどうすればよいですか?