問題タブ [caroufredsel]

現在の中間アイテムをカルーセルの 100% 幅の真ん中に配置しようとしています。画像の例を次に示しますhttp://ww.prompt-dev.com/example.png、平易な言葉で説明するのは難しいと思います...

カルーセルの幅は 100% です。表示される項目は 3 です。項目の幅は可変です。一度に 1 項目ずつスクロールします。

私がこれまでに使用している Caroufredsel のセットアップは次のとおりです。

そして、これはCSSです：

どんな助けでも大歓迎です！

カルーセルのサムネイル ナビゲーションに caroufredsel を使用しているときに jQuery Cycle/Maximage2 ギャラリーを作成しましたが、なんらかの理由でブラウザー ウィンドウのサイズを変更するまで caroufredsel は起動しません。ラッピングサイクルをやってみた

カルフレッドセルを包む

それが役立つかどうかを確認しますが、それでも変化はありません。

以下の JS Fiddle: (内部ブラウ​​ザーのサイズを変更して起動を確認します)。

http://jsfiddle.net/AZgjA/2/

私は自分のウェブサイトで caroufredsel を使用しています。ウィンドウの幅が 960px 未満の場合にのみアクティブ/動作させたいです。ブラウザウィンドウのサイズを変更すると、960px未満になると機能しますが、ウィンドウのサイズを再度変更すると、幅が960pxを超えても無効にならないという問題があります。

ウィンドウの幅が 959px を超える場合に caroufredsel を無効にする方法はありますか?

これが私のコードです：

CSS を使用して、画像にカーソルを合わせたときに NEXT リンクと PREV リンクが正しい位置にあることを確認できました。しかし、このページの画像を確認すると、横向きの画像では正しく表示されないことに気付くでしょう。

CSS または JS を使用してこの効果を作成し、任意の幅の画像で動作させる別の方法はありますか? http://garrettlockhart.com/2days1night/

関連する CSS は次のとおりです。

JavaScript:

上の図の丸で囲まれた要素のスタイルを設定しようとしています。ここに jsfiddle を追加したいのですが、caroufredsel というプラグインを使用していて、Javascript と jQuery に関する知識が限られているため、提供することはできないと思います。申し訳ありません。しかし、ここに私のCSSとHTMLコードがあります:

CSSは次のとおりです。

と の両方を追加しようbackground: url()とcontent： url()しまし.pager aたが、何も起こりませんでした。またtext-indent:-999px、背景が表示されるようにテキストを押しのけようとしましたが、何も起こりませんでした。また、プラグインに付属の Javascript は次のとおりです。参考になるか分かりませんが、以下も載せておきます。

このプラグインを 1 つのページで使用する場合、たとえばテンプレートを wordpress や enqueve で使用すると問題が解決します

最初の瞬間に動作しますが、Firefox でのみ動作します。この後、他のナビゲーターで動作し、決して動作せず、Firefox でのみ動作します

私がこれを行うとき、私はショートコードを使用してこのスライダーを画像とともに表示し、ショートコード内で jquery コア参照とプラグイン src 参照を使用します。このように機能しますが、コードが頭にある場合ワードプレスは機能しません。ショートコード内のコードを使用すると、ワードプレスのすべてのスクリプトが停止し、このプラグインのみが機能し、jquery の参照コードとこのプラグインを参照すると、頭の中に入ることはありませんが、すべてのプラグインは機能します

このプラグインにのみ問題があり、常に同じ問題が発生します。私のコードは次のとおりです。

これにより、このプラグインに代わるものが存在するかどうかを知りたいです.1つの問題を修正すると、他の問題が表示され、常に他の問題が発生することは不可能であるためです。

ありがとうございます。それでは、お元気で ！

私は何度も使用してきた caroufredsel を使用していますが、これまでこの問題が発生したことはありません。Safari では、ページの最初のロードのみが分割された画像を表示します - 最初の半分と 2 番目の半分。このような：

スライドショーは次のページをうまくフェードアウトし、別のページに移動してもう一度戻っても問題ありません。また、Safari でのみ発生します。誰にもアイデアはありますか？

これは私のhtmlです：

そして、これは私のjqueryです：