問題タブ [bxslider]

現在、ブートストラップを使用してサイトを構築しようとしています。bx-sliderをページにプラグインするまで、これまでのところすべてが順調に進んでいます。

現在、要素を検査するときに幅が追加width: 999999pxされており、ご想像のとおり、レイアウトがひどく見えます。スライダーの画像は同じ高さと幅です。

これがhtmlです

これがJSです

ご覧のとおり、ウェブサイトで提案されているように、slideWidthとmaxminのスライドを追加してみました。

誰か提案はありますか？

スライダーを順序付けされていないリストに変更し、各スライドをリスト要素に変更しただけでは役に立ちません。スライダーラッパーとウィンドウは幅をうまく拾っていますが、bx-slider要素に幅を追加しているようです。

私はbxsliderを使用しています。これは、スライダーに関する限り、非常に優れたjqueryスライダープラグインです。

http://bxslider.com/

関数を使用していgoToSlide();ます。

goToSlideアニメーションではなく、スライドにジャンプしようとしています。

誰かが助けることができますか？私はフィドルを作りました...

http://jsfiddle.net/dHxAJ/1/

前もって感謝します！

他のスライドがまだ存在しない場合に、最初のスライドで次の矢印を非表示にする方法について質問があります。私のスライドは動的に生成され、すべてがうまく機能します。スライドが1つしかない場合は、コントロールの次の矢印にクラス「無効」を追加するだけです。

ありがとうございました

これが私が使用するものですが、idは仕事をしません:(

要素に bxslider を適用しましたul。しかし、スライドごとに異なる一時停止属性値が必要です。

内部onSlideBeforeまたはonSlideAfter次の一時停止値 (コードが内部にある場合onSlideBefore) または現在のスライド (コードが内部にある場合onSlideAfter) を設定して、各画像スライドが独自のトランジション値を持つようにします。

あなたの助けに感謝します。

すべてのコンテンツを一度にロードするスライダーがあります。divに。そのようです：

外部 page.php

bxslider を使用して、find.php ページからこのページを呼び出します。

これが私のfind.phpページです。

だから私が得たのは、find.php ページの .f_outer div のすべてです。何百人ものユーザーがいますが、それらはすべて一度にロードされます。一度に 1 つのスライドのみをロードしたいと思います。#slider-like をクリックすると、外部ページからダイビングの 1 つが読み込まれます。

とにかく、最近bxsliderを使い始めましたが、問題が発生しています。

ページの読み込み時にビューポートサイズを誤って計算しているようです。つまり、モバイルデバイスやタブレットなどではうまく機能しません。

奇妙なことに、ブラウザのウィンドウのサイズを変更すると（ピクセルの場合でも）、ビューポートの高さが正しく計算され、すべてが正常に表示されます。しかし、同じ高さと幅でページを更新すると、bx-viewportが正しく計算されませんでした。

なぜこれが起こっているのか考えていますか？

HTMLは次のようになります（そして、おそらくそれはそれとは何の関係もないことを私は知っていますが、それでも）：

js呼び出しは次のようになります：

ありがとう。

モバイル サイトに bxslider を使用しており、画像を水平方向にスクロールしています。問題は、bxslider をタッチするとページがスクロールしないことです。指の方向をキャッチしてページを下にスクロールするにはどうすればよいですか? ありがとう。

私の Web サイトの引用符の内容を動的に変更する必要があります。実際には、表示する必要があるコンテンツをデータベースから取得する必要があるため、php スクリプトを使用してそれらを取得し、必要な方法で作成する必要があります。

私はそのようなものを使用しようとしました: http://dhtmlexamples.com/2011/02/18/dynamically-loading-content-using-ajax-and-xmlhttprequest/

しかし成功せずに:/

私のblockquoteにはhtmlが含まれていると言わざるを得ませんが、それは問題ではないと思います。

誰か助けてくれませんか？

編集：ここにいくつかのコードがあります

画像をクリックすると、ブロック引用が目に見える「平面」に移動します。コンテンツは init(); で生成されます。関数。init 関数とロジックは、上記のリンクで説明されています。

// 以下の回答からの提案後に関数を修正 - JQuery 関数を使用 openpro(contentNumber){

このソリューションを修正するのではなく、実際にコンテンツを作成することについてより良い提案があれば、私はそれを支持します. ------------------------------------- bxslider EDIT2 :

私が実際に呼んでいるのは bxslider (およびその他のもの) です。問題は、次のように $(document).ready 呼び出しで bxsliders を初期化していたことです。

div のコンテンツを動的に変更すると、新しいコンテンツを処理する bxlider オブジェクトがないと思われるため、スライダーが表示されません。コンテンツを作成する関数（ openpro() ）内に呼び出しを入れようとしましたが、無駄でした。私もこのようなことを試しました:

しかし、まだ何も成功していません。誰にもアイデアはありますか？申し訳ありませんが、私はウェブ開発言語を使い始めたばかりなので、少し無知です..

このサイトからスライダーを実装しようとしています

http://bxslider.com/

私は彼らが言ったこととまったく同じ手順を使用しましたが、それでも私のコードは機能していません。修正方法を教えてください。

私はフィドルコードブ​​ローを提供しています

http://jsfiddle.net/v3efb/3/

http://jsfiddle.net/v3efb/3/embedded/result/

以下の私のコードを提供する