問題タブ [caroufredsel]

レスポンシブ画像で caroufredsel プラグインを使用していますが、スライダーが画像の高さ全体を (サイズ変更前に) 取得しており、下部に大きなギャップが残っています。

ウィンドウの幅を常にチェックする必要があるため、この関数は window.resize 関数内で呼び出されています。表示されるアイテムの数を変える必要があるため、これを行う必要があります。ウィンドウが特定の幅を下回っている場合は、カルーセルを破棄してすべてのアイテムを表示する必要があります。

これが私のコードです：

この質問の解決策: carouFredSel レスポンシブ高さは高さの問題を修正しますが、ウィンドウの幅に応じてアイテムの数を確認し、カルーセルを破棄/作成できることと組み合わせることができないようです。

どんな助けでも大歓迎です-私はここで髪を引き裂いています。ありがとう。

編集 私はまともな解決策を持っています。要件をわずかに変更しましたが、変更しなくてもうまくいったと思います。

小さな要件の変更は、変数「numItems」を使用する代わりに、プラグインの組み込みの最小アイテムと最大アイテムを使用したことです。実際には、これはブラウザー ウィンドウが小さくなるにつれて、項目の数が 5 > 4 > 3 になることを意味します。

次に、次の 2 つの質問からの回答を組み合わせました。

carouFredSel レスポンシブ高さ

レスポンシブ サイトには条件付き jquery が必要

これにより、なんとか機能するようになりました。これが私が最終的に得たコードです：

これが誰かに役立つことを願っています。

マウスダウン時にスクロールし続け、マウスアップ時に停止するカルーセルを作成する必要があります。この例はホバーで動作しています。マウスダウンで動作するように変更するには?

css ポートレート写真で img 幅を設定すると、ストレッチします。img width を設定しない場合、carouFredSel は現在の画像の隣に他の画像のパーツを表示します。固定幅のカルーセルの中央に 1 枚の (ポートレート) 写真だけを表示するにはどうすればよいですか?

----js------

-------css------------

}

jquery 1.8.2 と caroufredsel 6.2.1 を使用しています。js ファイルがページに追加されます。私の document.ready 関数では、 $('#carousel1').carouFredSel() を呼び出しています。ここで、carousel1 はページ上の多くのカルーセルの 1 つです。

HTML を以下にコピーします (以下の ${imgName} は有効な画像です)。

HTMLページにスライダーが表示されるようにするために何が欠けているかについてのアイデアはありますか? 役立つ提案は大歓迎です。前もって感謝します

私はJqueryスライダー（caroufredsel）に取り組んでいます.スライダー自体の上にいくつかの要素を表示したいので、ラッパーの外です。残念ながら、最初のスライドではありませんでした。私は数日間このことを理解しようとしていますが、アイデアがなくなったという結論に達しました。

私のjavascriptは次のとおりです。

そして、私の HTML (1 つのスライド、複数のスライドでの作業例については、私の jsFiddle http://jsfiddle.net/X3k6b/1/を参照してください):

私がやろうとしているのは、.pstitle および .psslogan DIV 内の .psslide DIV data-title および data-slogan 属性の値を表示することです。

私はこれを機能させましたが、最初のスライドだけが値を表示しません。前後にクリックするとちゃんと表示されます。これは onAfter 関数と関係があると思いますが、これを正しく行う方法が本当にわかりません!

「動作する」例については、私の jsFiddle http://jsfiddle.net/X3k6b/1/を参照してください。

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

前もって感謝します、

よろしく、

ジェローン

このスクリプトを使用していますが、ギャラリーに画像が 3 つしかない場合は機能しません (サムネイルは何もしません)。

http://coolcarousels.frebsite.nl/c/26/

画像が 3 つ以下の場合に、スクロールをなくして単純な表示/非表示を行うには、スクリプトのどの部分を変更すればよいですか?

ありがとう！

carouFredSel プラグインを使用して画像スライダーを作成しました。画像の 1 つのカルーセルですべてが正常に動作しますが、サイトの構築を続けるうちにいくつかの問題に遭遇しました。

最初に表示されたカルーセルは正常に動作しますが、右上の IMG リンクをクリックして 2 番目のカルーセルを表示すると、一度に 1 つのアイテムのみを表示するように指示するコードが無視されます。

両方ですべてが同じように設定されていることを確認し、ディスプレイとフロートの変更を試してみましたが、うまくいきませんでした

また、フェードインを設定すると最初のスライダーでも同じことが起こるため、フェードトランジションが原因であるように見えることにも気付きました。

jQueryスクリプトが行う表示変更と関係があると推測

http://coreytegeler.com/new/#work

何か案は？？

});

CarouFredSel.js を使用して、一度に 1 つの項目をスクロールするカルーセルを作成しています。現在、次または前をクリックすると画面からスクロールアウトしますが、新しいものが表示されるだけなので、スライドインしたい.

これがコードです

また、これはフィドルにあります jsfiddle.net/TCAb3/