問題タブ [bxslider]

プロジェクトに BxSlider jQuery コンテンツ スライダーを使用する ( http://bxslider.com/ )。コンテンツが中央に再配置されるように、ウィンドウのサイズ変更で「reloadShow()」関数を使用しています。

reloadShow() 関数は機能していますが、毎回スライドを最初のスライドにリセットします。代わりに、それがオンになっているスライドを覚えて、そのスライドにリロードしたいと思います。

これが私のJSです：

現在表示されているスライドにクラスを追加したいのですが、jqueryについてあまり知識がなく、次のコードで試しています。

目標: DIV をスライドする機能を備えたスライダーを用意します。要素には互いにギャップが必要です。

問題: 6 つのスライド (DIV) があり、次のようになります: http://cl.ly/image/3t2Q0w1N350y (左のスライドの画像が約 15 ピクセルカットされているため、これは正確な例ではありません。これにより、何を達成する必要があるかがわかります。)

bxslider Web サイトのサンプル ページのコードを使用します。

前述したように、スライドには要素間にギャップが必要なので、margin-right: 20px; を追加しました。.element に変更しましたが、結果は非常に奇妙なものでした... エレメント間に隙間ができましたが、数ターン後にエレメント自体が正しく表示されません。(例: http://cl.ly/image/3J0O2e360N1m )

私の質問は、スライダーの要素にマージン/パディング(何でも)を適切に追加する方法ですか? この質問がCSSまたはJSに関連しているかどうかはわかりませんが、誰かが解決策を知っていることを願っています.

別のマージン/パディングを試しました。また、getWrapperWidth(); の代わりに固定数を追加しようとしました。bxSlider コードの wrapperWidth = に。しかし、運が悪い。

私のテストページ: http://restop.cutepictures.ru/htmlmockup/test.html

現在、bxslider でスライダーを作成しています。現在のスライドにアクティブなクラスを追加する必要があるまで、すべて正常に機能していると思いました。これで問題なく動作しましたが、ソース コードで、スライドが 3 回ではなく 2 回複製されていることに気付きました。スライダーには 3 つのスライドしかありません。displaySlideQty を 3 に、moveSlideQty を 1 に設定しました。

問題は、アクティブなクラスが追加されているが、重複スライドから削除されていないことです。以下は、bxslider の jquery コードです。

ここに私のhtmlがあります:

ここにfirebugの出力があります：

上記の 2 つのアクティブなクラスがあることに注意してください。一番下は変わりません。

ivこれにほぼ1日を費やしましたが、どこにも行きませんでした! どんな助けでも大歓迎です

乾杯、ダン

I am currently re creating my portfolio page , It is a work in progress... On my home page I have a bxslider from bxslider.com , it works in all other browsers but on IE , it has no transitions and just simply stacks the images on top of each other...

The page can be viewed here

CSS as follows:

HTML as follows:

BX Slider が LavaLamp と競合して問題が発生しています。

これが私がいるところです。

まず、lavalamp メニューを設定しました。

私はWordpressにいるので、「current-menu-item」クラスを持つメニュー項目に「current」クラスを追加する行を追加しました。

これはすべて完璧に機能します...

ただし、3 つ以上のスライドがある場合にのみスライドショーを動作させたいので、コードを追加しました。

私は少し突っついてきました.ラインを取り出すと、すべてが再び正常に機能します.なぜこれが起こっているのか、同じ効果を達成するためslider.destroyShow()に使用する方法を誰かが考えることができますか? コマンドが実行されると、Lavalamp プラグイン内の何かが破壊されるとdestroyShow想定しています。destroyShow

助けてくれてありがとう。

bxslider と nivoSlider を 1 ページで一緒に使用しようとしています。

しかし、私のワードプレスでは bxslider がまったく機能していません :( Nivo Slider は問題なく完璧に機能しています。

これは、「header.php」ファイルに含まれる「header_ins.php」で使用している私のnivosliderです:-

そして、これが「header.php」ファイルで使用している私のbxsliderソースコードです:-

しかし、私のワードプレスでは bxslider がまったく機能していません Nivo Slider は問題なく完璧に機能しています。

私のウェブサイトでこれらのコードを使用してbxsilderを作成するiam

CSS

しかし、ページには何も表示されません！前と次の単語を除いて、このコードの何が問題になっていますか？

「あなたの投稿にはコードセクションを説明するためのコンテキストがあまりありません。シナリオをより明確に説明してください。」というメッセージが表示されたため、投稿は拒否されました。iamが受け入れられるまでこれらの言葉を繰り返すように！

「あなたの投稿には、コードセクションを説明するためのコンテキストがあまりありません。シナリオをより明確に説明してください。」「あなたの投稿には、コードセクションを説明するためのコンテキストがあまりありません。シナリオをより明確に説明してください。」

z-index：-1、color：transparent、visibility：hiddenなどを使用して、bxSliderページャーから数字を削除し、画像のドットを残すようにしました。「color：transparent」は、IE7および8以外のすべてのブラウザーのテキストで機能します。

IE7とIE8用のCSSソリューションはまったく機能していないようです。

スクリプト自体から数字を削除するか、CSSを使用してIE7および8のテキストを削除できるようにすることは、どんな助けでも幻想的です。

ありがとう。

bxslider の開始スライドをクエリ文字列で制御しようとしています。たとえば、URL http://page.html?id=3はスライド 3 を開始し、ユーザーは無限ループでスライドを進めることができます。私が現在持っているコードは次のとおりです。

クエリ文字列の値を取得して、その値を startSlide に挿入する方法がわかりません。どんな助けでも大歓迎です。