問題タブ [swiper]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - idangero.us 双方向コントロール付きの親指ギャラリーでスライドを動的に作成および削除します
Swiper を使用して SlideEndChange にスライドを動的に追加および追加していますが、新しいスライドを追加した後、activeSlide が最初に戻ります。
これが私がこれまでに試したことです:
編集:JSFiddleに機能と例を追加... Rafael Lepkoskiに感謝
php - 結果セットが大きくなると iDangerous Swiper が消える (SQL Azure 接続)
PHP ページの iDangerous スワイパーで奇妙な問題が発生しています...現在、会社で使用しているタッチスクリーン キオスクを更新しています (最大の変更は、MySQL データベースから SQL Azure クラウド データベースへの移行です)。 )。現在、比較的小さなデータベースからプレーン テキスト データを SQL から個々のスワイパー スライドにロードするために使用されています。結果セットのサイズが異なるさまざまな選択可能なカテゴリがあり、小さいカテゴリは問題なく動作するようですが、大きいカテゴリを選択すると、何らかのタイミングの問題または何かが発生し、swiper コンテナー全体が消えるか、完全に失敗するようです。ロード。私たちが持っている最大の結果セットは約 75 レコード程度であり、単純なクエリから実際にロードするのにまったく時間がかからないため、何が起こっているのかわかりません。現在、iDangerous スワイパーのタイムアウトは 1000 ミリ秒に設定されており、その数値を 5000 ミリ秒程度に増やすと、問題が修正されます。問題は、基本的なテキスト結果をロードするためだけに、異なるカテゴリを選択するたびに 5 秒待たなければならないのは、ユーザー エンドにとって本当に面倒なことです。結果セットを制限すること (目的を無効にするため、これは実際にはオプションではありません) またはタイムアウトを使用できないほど長くすること以外に、これを修正するためにできる方法についての提案はありますか? 元のデータベース (当時は localhost で実行されていた) にクエリを実行するときにはこの問題は発生しなかったので、SQL Azure から PHP への接続と関係があるのではないでしょうか? 基本的なテキスト結果をロードするためだけに、異なるカテゴリを選択するたびに 5 秒待たなければならないのは、ユーザー エンドにとって本当に最悪です。結果セットを制限すること (目的を無効にするため、これは実際にはオプションではありません) またはタイムアウトを使用できないほど長くすること以外に、これを修正するためにできる方法についての提案はありますか? 元のデータベース (当時は localhost で実行されていた) にクエリを実行するときにはこの問題は発生しなかったので、SQL Azure から PHP への接続と関係があるのではないでしょうか? 基本的なテキスト結果をロードするためだけに、異なるカテゴリを選択するたびに 5 秒待たなければならないのは、ユーザー エンドにとって本当に最悪です。結果セットを制限すること (目的を無効にするため、これは実際にはオプションではありません) またはタイムアウトを使用できないほど長くすること以外に、これを修正するためにできる方法についての提案はありますか? 元のデータベース (当時は localhost で実行されていた) にクエリを実行するときにはこの問題は発生しなかったので、SQL Azure から PHP への接続と関係があるのではないでしょうか?
アドバイスありがとうございます!
javascript - スワイパー フェード オンでリンクが機能しない
プラグイン swiper と「フェード」効果のあるサイトを作ろうとしています。問題は、「フェード」を有効にすると、すべてのリンクとテキストが画像のようにクリックできなくなることです (テキストも選択できません)。
ここに私のスクリプトがあります:
しかし、「効果:フェード」を削除すると機能します(フェードなしを除いて、代わりにスクロールします)
わかりにくかったらすいません、ご回答ありがとうございます。
javascript - How to animate and change a slider counter position in a clean way?
I have a Swiper slider and a counter position like "1/10". I would like to change that current slide number (the 1) with an animation. I know how to replace the number but with this animation, it's like another story:
As you can see on the gif, it's working nicely if I click moderately on my slider, but when I double-triple-or-crazy click on the next link, that totally breaks the counter, due to the clone made in this gif example.
Do you know how can I do that in a better way?
I made a jsfiddle, working for the first count change only:
— http://jsfiddle.net/asb39sff/1/
javascript - Swiper API を使用してスライドすると、Safari で最初の試行でスワイプされない
ハンガリーについてのプレゼンテーション用に、簡単な画像だけのスライダーを作成しました。デスクトップ バージョンは問題なく、iPhone 4 でテストしても問題ありませんが、iPhone 6 でテストすると、スワイプ機能は動作しません。
これは最初の試行でのみ発生します。デバイスを回転させて元に戻すと、スワイプが元に戻ります。しかし、それは顧客によって表示されるため、最初の試行で適切に使用できない場合、ユーザーはそれを閉じて再試行しない可能性があります。
このスライダーにはSwiperを使用しています。
jquery - Ng-Repeat 要素がロードされた後に実行する jQuery Swiper スクリプト
AngularJS、jQuery、HTML、CSS、および Bootstrap を使用して Web アプリを作成しています。Apache2 サーバーにある JSON からいくつかの画像リンクを選択し、それらを使用してメイン ページでそれらの画像をレンダリングしたいと考えています。 . また、カルーセルのようにスワイプしたいと思います。それを機能させるために、 iDangero.us Swiperを使用しようとしています。
3 つの分割された div で画像を選択すると、問題はありません。画像を取得すると、通常は好きなようにスワイプできます。私は以下のようにします:
Main.html:
Swiper を使用して、ある画像から別の画像にスワイプしましたが、正常に機能しているようです。これは jQuery プラグインであり、このリンクでいくつかのデモを見ることができます。
Swipers.js:
ジョンソン:
mainController.js:
問題はng-repeat
、3 つの分割された div の代わりに使用しようとすると、それらが表示されなくなり、完全に読み込まれる前に Swiper スクリプトがトリガーされることです。コンソールまたは JSON (JSONLint で検証済み) にエラーはありません。以下に、両方の状況での出力の 2 つのスクリーンショットを追加しました。
3 つの分割された div での作業:
ng-repeat で動作しない:
ng-repeat
これは、以前と同じコントローラーと同じ Swiper スクリプトを維持して作業を行おうとするコードです。
Main.html:
mainJson.json:
スクリプトをトリガーする前に画像をロードするために、2 つのカスタム ディレクティブを使用しようとしています。
isLoaded
最後のng-repeat
要素がいつロードされて設定されるかを教えてくれますpageIsLoaded = true;
:
gettingTheScript
スクリプトを待機しpageIsLoaded = true;
てロードします。
彼らは私の問題を解決していないようです。最初のものを作るときも見えませんconsole.log('page Is Ready!');
。
この種の問題を回避するために、ページが読み込まれた後に Swiper のようなスクリプトをトリガーする必要があるときに、いくつかの問題が発生します。私の画像には高さがないようです。ng-repeat
問題は、スクリプトをトリガーする前に完全にロードされていないことが原因だと思います。
私は何を間違っていますか?より良い解決策はありますか?
jquery - 特定の div 要素にスライドを追加するにはどうすればよいですか?
スライドを特定の div 要素に追加したいのですが、そのスライドの幅と高さは通常のスライドとは異なります。ドキュメントで案内されている手順に従います。しかし、他のスライドと違って幅と高さを設定することはできません。私のコードは、
そこで、onclick
イベントを介してその ID を取得し、div
この ID を介して列の値を取得します。次に、その列の値を持つ最後の要素の後にスライドを追加します。
このような私の追加スライド:
どうすればいいですか?私はこれで時間を失いました。
drupal-7 - Drupal-7 で hook_swiper_options_alter($node, $plugin_options) {} を使用する方法
Drupal-7 の swiper (v 7.x-1.4) モジュールのオプションを変更する方法を見つけるために、数日間探していました。ドキュメントは、モジュールがこのフックの使用をどのように期待するかを説明する泥のように明確です。スワイパー API から次のオプションを実装する方法に関する簡単なコード例を探しています。
私が見つけた唯一のドキュメント リファレンスは、モジュールの README.txt からのものです。
私は Drupal にかなり慣れていませんが、学ぼうとしています。これらのオプションを実装するための簡単なカスタム モジュールを作成しようとしました。モジュールを myCustom と呼び、次のファイルを含む /drupal/sites/all/modules/myCustom ディレクトリを作成しました。
myCustom.info:
myCustom.module:
私は複数の問題を抱えていることを知っています。Drupal は私のモジュールをそのまま有効にすることを拒否し、その理由がわかりません。admin->reports->recent log messages レポートを確認しましたが、少なくともトラブルシューティングに役立つものは見つかりませんでした。
これを修正する方法はありますか?このフックを機能させるためにコピーおよび変更できるコードの実際の例はありますか?
ご協力いただきありがとうございます。