問題タブ [caroufredsel]

次のギャラリー/カルーセルhttp://coolcarousels.frebsite.nl/c/2/を使用してサイトに実装しようとしています。

私がやろうとしているのは、横に画像を作成した人を識別するテキスト領域を追加することです。つまり、div 内の画像を左に、コンテンツを右に浮かせます。

div を作成して css ですべて設定すると、問題ないように見えますが、何らかの理由でカルーセルが機能しません。HTML タグの追加に問題があるようです。

誰かがこのカルーセルを使用していて、画像とテキストを含む div が回転していた場合は、私を助けてください。

乾杯アンディ。

2 つの同期された caroufredsel インスタンスを取得します

問題は、auto パラメータの timeoutDuration にもスクロール時間にも影響を与えられないことです。両方のインスタンスの期間を設定すると、同期がなくなります (それらが同期されている場合、.prev または .next をクリックすると両方のカルーセルがスライドします)

caroufredsel で同様の問題が発生している人はいますか?

caroufredsel をインストールしたところ、動作しません。私が期待しているのは、1つの画像が表示され、次または前をクリックすると、次または前の画像が表示されることです。以下のコードでは、すべての画像がリストに表示されています。私のコードは正しいように見えるので、私が間違っていることを理解していますか?

これが私のJQueryです：

そして、ここに私のHTMLがあります:

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

ありがとう、J

画像カルーセル内の画像の周囲にアンカー タグを追加すると (「carouFredSel」 6.2 jQuery ライブラリを使用)、画像が正しい寸法に正しく変換されません。アンカー タグを削除すると、画像は正しいサイズに変換され、期待どおりに機能します。CSS も変更され、画像に適用されたすべてのスタイルが代わりにアンカー タグに適用されるようになりましたが、問題はまだ解決されていません。

問題を実証するために、別のフィドルで期待される結果とともに JSFiddle で問題を再現しました。実際に使用される Javascript コードは 19 行目から始まります。

実結果

期待される結果

このスニペットを変更したことは注目に値します。

に

JSFiddle のコードに反映されている画像ではなく、アンカー タグにスタイリングを適用します。

carouFredSel と Fancybox を使用して Web ページを作成しました。すべて正常に動作しますが、Fancybox は画像が灰色の影で覆われているため表示されます。ファンシーボックスのhtmlコード：

そしてjs：

更新 1

CSSの時点：

/fancybox.cssz-index は around に設定されています1100