問題タブ [bjqs]
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 - クリックで BJQS スライダー一時停止
Web サイトで BJQS スライダーを使用しています。
同じWebサイトでfancyboxも使用しています。
ファンシーボックスが開いているときにBJQSを一時停止し、閉じると再開したいと思います。
BJQSの一時停止/再生トグルボタンを作成する方法を知っている人はいますか?
ありがとう
javascript - BJQS をより大きく、レスポンシブにする方法
私はbjqを箱から出してすぐに使えるものよりも大きくし、そのレスポンシブ機能を利用しようとしています. スライダーのスライド アニメーション バージョンでこれを行う際の問題は、フォーカスされていない他のスライドが表示されることです。それが機能しないように見えるため、提供するjsの代わりにcssを使用してサイズを調整しています。レスポンシブがtrueの場合、最大値を設定することになっていると思われますが、それでもうまくいきません。
私の問題を確認する最も簡単な方法は、 http://www.basic-slider.com/と Web 開発ツールからダウンロードすることです。しかし、ここに私のコードがあります:
CSS:
js:
jquery - Basic Jquery Slider(bjqs)が1つのスライドで動作しない
li要素を1つだけ指定した後、私の基本Jquery slider(bjqs)
は機能しません...結果は、liタグに入力したものを表示しません....4つのli要素を配置すると、完全に機能します。
ここで何が問題になっていますか?
4 li
(正常に動作) : リンク ( http://jsfiddle.net/nikhilvkd/DaXG7/9/ )
1つだけli
(機能していません):(http://jsfiddle.net/nikhilvkd/xD4FL/9/)
javascript - jQuery イベントを使用した BJQS スライドショーの停止/一時停止
BJQSを使用してビデオ スライドショーを作成しました。ビデオは として埋め込まれ<iframe>
、Vimeo から提供されます。スライドショーは正常に動作していますが、ビデオを再生するたびにスライドショーが回転し続けます。つまり、ビデオは数秒間再生された後、リスト内の次のビデオにフェードインします。
スライドショーを一時停止する BJQS に追加する機能を実装する方法を提案できる人はいますか? 私は Vimeo API を使用しているので、「ビデオの開始時」や「ビデオの終了時」などのイベントを利用できるので、これについては助けを求めないでください。一時停止 (ビデオの開始時に開始) して再開 (ビデオの終了時に開始) するだけです。スライドショー。
BJQS のソースには、「ホバリング時に」スライドショーを一時停止し、ホバーが失われたときにスライドショーを再開する機能があります。これは Vimeo ビデオで機能しますが、これを利用する試みはすべて失敗しました。
私はjQueryに比較的慣れていないので、アドバイスをいただければ幸いです。
また、組み込みのイベント呼び出しを介して一時停止する機能を備えた同様の軽量 jQuery スライドショーを知っている場合は、この機能のないスライドショーは私のシナリオでは役に立たないため、変換を検討します。
javascript - jquery スライダーを動的に追加する
カテゴリ ドロップダウン メニューに基づいて、複数のスライダー スライドショー イメージを表示するサイトがあります。初めて Jquery を使用しましたが、複数を正しく表示するのに問題があります。私は bjqs 基本的な jquery スライダー コードを使用しています。
aspx:
Jquery: jQuery(document).ready(function ($) { $('#slideshow0').bjqs({ 'width': 940, 'height': 450, 'automatic': false, 'showcontrols': true, ' centercontrols': true, // コントロールを中央に配置HTML) 'showmarkers': true, // 個々のスライド マーカーを表示 'centermarkers': true, // マーカーを水平方向に中央揃え 'responsive': true, 'usecaptions': true }); });
スライダーが完全に分離されていないかのように、結果が奇妙に出てきます。前/次/番号ボタンの最初のセットは機能せず、2 番目のセットは最初の 3 つの画像を画面の上部に表示し、残りを画面の下部に表示します。残念ながら、スクリーンショットを送信できません。
ありがとうございました!
jquery - jQuery プラグインを理解する方法
ここからのロジックの使用: Basic jQuery Slider の前/次のスライドのカスタム リンク トリガー
Basic jQuery Slider のサムネイルを作成しました: http://www.venusadventures.travel/slidertest.html
私の最初の選択は、bjqs メソッドに直接アクセスしようとすることでしたが、jquery プラグインがどのように機能するか (または js に関する多くのこと) を知らなかったため、これは機能しませんでした :)
しかし、アクティブなサムネイルを更新するには、スライド変更イベントもキャッチする必要があることに気付きました。プラン A に戻る必要があります。bjq を変更することはできますが、アップグレードできなくなります。プラグイン メソッドを直接操作する方法を理解するために必要なスコープについてのヒントが必要です。乾杯。
編集:機能するクラッジ:
javascript - 基本的なjQueryスライダーでイベントに対してアクションを実行する方法
http://www.basic-slider.com/から bjqs プラグインを使用してスライダーを取得し
ました。ドキュメントを参照すると、オプションのみが見つかりましたが、イベント/関数は見つかりませんでした。
イベント/関数とは、onSlideChange、onSlideDisplay のようなものです。
そのようなものを提供する他のプラグインを見つけました(bxsliderにはonSlideBefore、onSlideAfter ..etcがあります)が、最初からやり直すのは私のものではないレガシーコードであるため、使用されているプラグインを変更することはできません
そのような実装へのポインタ、またはこの機能を実装する方法さえも大歓迎です
ありがとうございました
更新[ここ] でこれをいじってみました(醜いスタイルは無視してください ^_^)
目的のスライドにフラグを追加しました (テスト ケース: 最後のスライド)
次に、そのフラグを持つスライドがいつ表示されているかを検出して、スタイルの変更や関数の呼び出しなどを実行しようとしましたが、まだ機能していません
がんばって更新していきます
1- 目的のスライドの CSS が正常に変更されました。
フラグ値の比較でエラーが発生しました
現在、関数の呼び出しに取り組んでいます
javascript - bjqsスライダーを停止するにはどうすればよいですか
私はこれを使用しています。goTo は、キーボード ナビゲーションを有効または無効にするために使用しているフラグです。問題は、スライダーが自動回転することです。停止したいです。