問題タブ [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.
jquery - bxSlider 画像スライダーのフォーマット
bxSlider 画像スライダー ( http://www.bxslider.com/ ) をフォーマットする方法に苦労しています。
この例で画像スライダーを複製しようとしています: http://bxslider.com/examples/display-move-multiple-slides-once-example-one
bxSlider サイトに記載されている指示に従うと、得られる結果に書式がありません。含まれているCSSファイルへのリンクを作成する必要があると考えました(なぜそれが指示に含まれていないのかわかりません)。それにより、「前へ」と「次へ」のボタンアイコンが表示されましたが、スライダーが非常に長い、各画像の間に 700 ピクセルの余白があり、ブラウザ ウィンドウの幅を超えています。
JQuery の一部は、遭遇する div、ul、および li に非常に長い幅のインライン スタイルをアタッチすることのようです。
これを見つけましたが、質問に対する答えはありません: bxslider スタイルの構成
javascript - bxSlider - スライダー内でコントロールを移動
bxSlider ( http://bxslider.com/ ) を使用しようとしています。
コントロールを無効にすると ( controls:false
)、コントロールがあった左右の余白またはパディングはそのまま残ります。つまり、多くの貴重なスペースを失います。
最初の画像はコントロールを無効にした後に得られるもので、2 番目の画像は本来あるべき幅です。スペースを無駄にするだけでなく、次のスライドをクリックすると、前のスライドの一部が収まりません。
<ul>
タグとタグの幅を強制しようとしました<li>
が、役に立ちませんでした:
Firebug を見ると、プラグインがどこでも 626 の幅を追加していることがわかります。私はこれを書いていません。何かがその番号を生成しています:
参考までに、私が構築しようとしている最終的なものは次のようになります。
スライド内にコントロールを配置する方法を参照してください...
javascript - jQuery bxSlider および jQuery-ui タブ
タブ機能にjQuery-uiを使用し、bxSliderを使用して最初のタブ内でのみ画像/コンテンツをスライドさせています。ただし、2 番目のタブをクリックすると、bxSlider の「前へ」と「次へ」のオプションがコンテナー内に残っています。を使用してみevent.stopPropagation()
ましevent.preventDefault()
たstop()
が、機能を停止するために、それらが機能しないことに気付いた後、次のような関数を作成しようとしました:
ここで、'#ab' はタブで、#showcase は画像が配置されているリスト要素です。この関数は、bxSlider がアクティブになるのを正確に停止するわけではなく、単にコントロールを非表示にするだけです。しかし、これもうまくいきませんでした。
これを行う方法を知っている人はいますか?
ここに私のHTMLがあります:
そして、ここに私のJavaScriptがあります:
どんな助けでも大歓迎です!これができない場合は、誰かが私を同様の画像/コンテンツ スライダーにリダイレクトして、これを機能させることができますか?
jquery - Wordpress ループ内の Bx スライダーが Chrome では機能しないが Firefox では機能する
Wordpressをベースに友人向けのページを作りました。
あるカテゴリーから投稿を吐き出し、それもスライダーにするBXスライダーを元にスライダーを作りました。
おもしろいことに、Firefox では完璧に動作しますが、Chrome ではまったく動作しません。何が問題のように見えるのか本当にわかりませんか?
css - 動的に生成されたフローティング要素でホバーが認識されない(bxスライダー)
前のスライドと次のスライドに外部コントロールを使用して、bxSliderを使用しています。すべて正常に動作しています。ただし、コントロールにフローティング要素を使用しているのは、それらを1行に並べて、divを含む全体を埋めるためです(この質問のように、CSSの3つのインライン要素は左から右に整列し、使用可能なすべての幅を占める方法)
ただし、コントロールはbxSliderによって動的に生成され、奇妙な理由で、要素がフローティングホバーである場合は認識されません
以下にサンプルページを示します:http ://demitogroup.comuv.com/d_store/copia.html
フロートをfirebugでオフにすると、#external_promo_controlsdivホバーが再び認識されます。
リンクが動的に生成されない場合、問題は発生しません。
Chromeでも同じことが起こります。
何が起こっているのか全くわかりません。
float要素の使用を避けて何かを理解しようとする可能性がありますが、その後、最初の質問に戻ります...
jquery - リンクをクリックしてページを開いたときに画像が表示されない
これが私のページです。
その下部には、リンク (メニューのガレリア) をクリックしても表示されない画像リスト (bx-slider) がありますが、F5 を押すと読み込まれます。
なぜそれが奇妙な振る舞いをするのか、誰にも分かりますか?
編集: これは私が言ったことを説明するビデオです: http://wearesoda.com/development/2012-08-28_1059.swf
sharepoint-2010 - シェアポイント付きbxslider
bxslider を使用する sharepoint 2010 インターネット サイトの Web パーツを開発しています。英語のページでこの Web パーツを使用すると、アラビア語ではコンテンツがレンダリングされますが、ページの読み込みが完了すると点滅して消えます。
次のコードを使用します。
そして、私が使用するsharepoin masterpageで:
ページの読み込み後に表示させるために私ができることについて、誰もが考えています。
javascript - bxSlider キャプション - 複数の属性
Web サイトに bxSlider を使用していますが、タイトルと alt 属性を使用するにはキャプションを取得する必要があります。
bxSlider jQuery のコードは次のとおりです。
これで、これを簡単に変更して、いずれかの属性を使用することができます。タイトルと代替の両方を使用するためにこれを取得する方法がわかりません。
前もって感謝します。
jquery - Bxslider の問題: スライドが 1 つしか表示されない
bxslider の使用に問題があります。ボタンがクリックされるたびにスライドする複数の画像が隣り合ったカルーセルを作成しようとしています。displaySlideQty
一度に 1 つのスライドしか表示されないため、オプションが壊れているようです。
これを再現しようとしています: http://bxslider.com/examples/display-move-multiple-slides-once-example-one
javascript - jQuery bxSlider プラグインによって自動生成された最初の li 要素に、border-left を適用します。
「アクティブ」な jQuery bxSlider プラグインによって生成された最初のli
のみに境界左を適用する方法を探していますpager
。これは、bxSlider プラグインによって生成された出力です。
すべての要素に 1px の左端の境界線を適用したくありません。これは、1px の右端の境界線も持っているため、要素を結合する際に 2px の境界線につながるためです。