問題タブ [caroufredsel]

所有しているギャラリーにCaroufredselプラグインを使用していますが、ページの読み込み時にギャラリー内の画像をフェードインさせたいと考えています。

ギャラリーへのリンクは次のとおりです：http：//tamedia.ca/marlowe/collection-aw12.html

これは、プラグインを開始するために使用したスクリプトです。

次のページと前のページに移動するために caroufredsel を使用しています。今、これにスワイプを実装しようとしています。しかし、私は苦労しています。私の現在のコードは以下の通りです。

スワイプと次へボタンと前へボタンの両方を連携させるにはどうすればよいですか?

カルーセルにjQueryCarouFredSelプラグインを使用していて、それを中央に配置しようとしています。margin:0 auto;ヘッドカルーセルタグに適用しようとしまし#c-carouselたが、何も起こりませんでした。幅を指定しなかったためかもしれませんが、幅を指定するとカルーセルの一部が途切れてしまいます。

私がカルーセルでやろうとしていることは、Blizzardのホームページにあるカルーセルに似ています。カルーセルはリンク付きの一連の画像を回転しますが、ブラウザーがカルーセルよりも狭い場合、水平スクロールバーは表示されません。コンテンツ。

コード：

私はかなり基本的な方法でcarouFredselプラグインを使用しています-コピー付きの4つのスライド、スライド間の「ナビゲーション」として機能する側面の4つのタブ。このプラグインには、スライドに移動するためにクリックできるテキストとして1〜xの数字で自動的にページネーションを構築する組み込みのページネーション機能があります。そこにカスタムテキストが必要です-そして、方法を見つけようとして長い時間を費やしましたが、それを見ることができません。私はJqueryの初心者です。また、Wordpressを介してスライドコンテンツを動的に取得していることにも言及する必要がありますが、動的なページネーションコピーは必要ありません。どんな解決策でもかまいません！

caroufredsel カルーセルと fancybox にリンクされた画像の間のユーザー アクションを同期したいと思います。チュートリアルやヒントはありますか? これを行う方法に関する情報が見つかりませんでした。

開いたファンシーボックスの次のボタンをクリックすると、コースルが起動するか、カルーセルに表示される画像が変更されます。

ボタンをデフォルトで非表示にしようとしていますが、マウスが上にあるときにのみ表示されます。CSSで表示なしを設定しても、カルーセルコアコードが表示ブロックを追加しているように見える問題がありますが。

HTML

carouFredSel を使用してレスポンシブ カルーセルの高さに問題があります。

画像はレスポンシブで、カルーセルもレスポンシブに設定されているためです。

画像の最大高さをdivに追加します。

画像の幅が 740 で高さが 960 の場合、画面に合わせて画像のサイズをレスポンシブな幅に変更し、画像も幅に合わせて再スケーリングされますが、div は高さが 960 の画像があると考えているようです。

この問題を解決するにはどうすればよいですか?

ちょっとこれは簡単な修正であるはずですが、私が理解できないように見える何かがうまくいかないことがあります。iveはテキストを表示しましたが、liタグ内の各divが含まれていても、各スライドのテキストは同時に表示されます...事前に感謝します。

問題なく carouFredsel を何度も使用しています。しかし、Safari と Chrome ではうまくいかない使い方が 1 つありますが、Firefox では問題なく動作します。

これがその分離版です: http://www.myriaditions.com/?location_id=305

HTML を整理しました (現在は検証に合格しています) が、スライダーはまだ失敗します。

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

乾杯

編集: jQuery とスライダーの最新バージョンも使用してみました