問題タブ [bxslider]

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.

0 投票する
1 に答える
622 参照

jquery - jQuery プラグイン bxSlider を使用してページャー文字列の数値を変更するにはどうすればよいですか?

bxSliderというプラグインを使用しています。非常に便利な API を備えた素敵な小さな画像スライダー プラグインです。

ページャー文字列に表示されるスライドの数を変更する方法があるかどうか疑問に思っていました。最後に空白のスライドを追加しようとしていますが、ナビゲーションに表示したくありません。例えば;

5 つのスライド (内容のある 4 つと空白の 1 つ) があり、ページャーに 1/4 を表示したいと考えています。

0 投票する
1 に答える
9061 参照

javascript - BxSliderカスタムページャー

アプリケーションでコンテンツスライダーを使用したい。私はBxSliderを最終候補に挙げました。スクリーンショットに表示されているカスタムページャーを実装する方法を提案してください

私はBxSliderAPIを参照しています。

目的のソリューションのスクリーンショットここに画像の説明を入力してください

助けてください!!

0 投票する
3 に答える
1401 参照

php - jquery-document.ready()でインスタンスを作成した後にオブジェクト属性を変更する

カスタムMagentoストアでbxSliderプラグイン(jcarouselに似たスライダー)を使用しています。

スライダーはdocumet.ready()(head htmlセクション内)で次のようにインスタンス化されます。

スライダーのアイテム数が5未満の場合、phpコードでauto属性をfalseに変更したいと思います。次のように変更しようとしました。

しかし、それは機能しないので、domreadyでインスタンス化されたオブジェクトの属性がこの方法で変更できるかどうかはわかりません。誰かが助けることができますか?

0 投票する
2 に答える
2811 参照

javascript - bxslider が読み込まれると、rel 属性でカラーボックスが壊れる

多くのデバッグを行った後、これら 2 つのライブラリが衝突しているという結論に達しました。私はそれらを別々にテストし、それらは機能しますが、一緒に使用すると(そして rel 属性が壊れます)

再現方法

  • リンクに rel または $('something').colorbox({rel:'something'}); がある場合
  • $('somethingelse').bxSlider(...);

colorbox (共有オプションだけでなく) のある画像をクリックすると、colorbox は失敗します。

キャッチされていない TypeError: 未定義のプロパティ 'rel' を読み取れません

問題のあるコード行は次のとおりです。

同様の問題を見つけましたプラグインの競合を避けるために jQuery noconflict を使用しますか? しかし、その効果は異なっていました。しかし、原因は似ているようです。その質問に答えている人によると、問題は bxSlider がカラーボックスによって設定された $.data() を取り除くことです。

だから私の質問は:

  • これを回避する方法はありますか?
  • カラーボックスのバグですか?
  • bxSlider のバグですか?
0 投票する
1 に答える
1430 参照

jquery - BXslider と onAfterSlide コールバックでアクティブな LI を呼び出す

bxslider.js から構築されたスライダーの作業

スライド上で LI をアクティブに設定し、直前の LI からアクティブなクラスを削除するコールバックが必要です。

私は非常に大まかな例を動作させましたが、アクティブなスライドの onAfterSlide を検出し、対応する LI にアクティブであることを伝え、以前の LI からアクティブな状態を削除するスクリプトを作成するための JS の知識が不足しています。onlcick コールバックは問題なく動作しています。onAfterSlide には多少の調整が必要です。

ある程度動作する例: http://diveidc.com/slider.php ここで、次の LI をアクティブにしようと試みましたが、以前の LI をアクティブにできませんでした。スライドがループを通過すると、現在のスライドに対応する LI にアクティブなクラスを割り当てるだけで済みます。つまり、slide1=li1 アクティブ、slide2=li2 アクティブなどです。

BXslider のソースhttp://bxslider.com/options

0 投票する
0 に答える
416 参照

jquery - ネストされたスライドショーが3枚未満のスライドで壊れている

私はbxsliderを使用しています。2つのスライドショーを互いに入れ子にしようとしています。スライドが3つ以上ある場合は機能しますが、他の構成では機能しません。カスタマイズ性が高いので、bxsliderを使い続けたいと思います。

これが壊れたもののjsfiddleです。

これが機能するもののjsfiddleです。

0 投票する
1 に答える
1121 参照

javascript - BxSliderサムネイル

サムネイルの作り方がわかりません。例からコードをコピーしましたが、スライダーが機能しません。誰かが完全なコードを表示しますか?

0 投票する
0 に答える
2129 参照

jquery - bxSlider、コンテンツはドキュメントにスライドイン可能

私はbxSlider(http://bxslider.com/)を使用して、カルーセルでコンテンツを表示しています。今、私のアートディレクターは、ポケットベルのアイコンがクリックされた場合に、より多くのコンテンツが必要であることを訪問者が理解できるようにしたいと思っています。これを示すために、コンテンツの読み込みが完了したら、最初のスライドを右からスライドさせたいと考えています。

私はjqueryを使用してこれを達成しようとしました:show( "slide"、{direction: "right"}、1000); 含まれているulに。しかし、スライド効果は得られません。代わりに、それは明らかに表示されます。

なぜこれがこのように動作するのか、またはこれを達成するための別の方法を知っている人はいますか?

コード:

よろしく、リカード

0 投票する
1 に答える
13260 参照

jquery - bxスライダースタート/ストップ機能

私は bxslider プラグインを使用しており、前と次の関数用にいくつかの外部コントロールを作成しましたが、開始/停止コントロールで同じことを行う方法がわかりません。

基本的にはスライダーの再生・一時停止機能として使いたいと思っています。

このプラグインを使用した経験のある人はいますか?

これまでのところ、開始/停止機能が機能していないものは次のとおりです。

http://jsfiddle.net/WaWLN/1/

また、スライダーを「自動」再生するだけでなく、この外部コントロールも必要です。リンクをクリックすると自動再生が無効になるようで、元に戻すにはページを更新する必要があることに気付きました。

0 投票する
1 に答える
1184 参照

jquery - jQueryスライダーとswf

個人の Web サイトでbxSlider jQuery スクリプトを使用しています。SWFファイルで使用できました。できます!しかし、swfはその間ずっと実行されています...それらが表示されていないときも。

そのため、swf ファイルが表示されていないときに停止したいと思います。

2つの方法(と思います):

1): flashvarを使用して、swf 内でこの var を操作します (できます。私は Flasher です)。しかし: jQuery スクリプトから php ページに flashvar を送信する方法は? 同様の議論を見つけましたが、この特定のスクリプトについてもう少し助けが必要です。

また:

2): 隠した SWF をキル、削除、または同様の方法で表示し、表示される順番が来たら再ロードします。