問題タブ [caroufredsel]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
2 に答える
7909 参照

javascript - 現在のアイテム位置の現在の画像ソースを取得し、そのアイテムを強調表示する方法-caroufredsel

現在のアイテムを強調表示したいのですが、画像ソースと現在のサムネイルを取得するにはどうすればよいですか? http://jsfiddle.net/RL8MV/2/

0 投票する
1 に答える
1148 参照

carousel - caroufredselクールなカルーセル51と4つの画像

このスクリプトを使いたい

しかし、4つの画像で:

ここに画像の説明を入力してください

方法がわかりませんfredcarouselでどのオプションを使用すればよいですか?

ありがとう

0 投票する
0 に答える
590 参照

javascript - 部分的な画像を表示する Caroufredsel

私の caroufredsel カルーセルは、一度に 8 つの画像を表示し、画面をスライドして別の 8 つの画像を表示しています。4 つのスライドの後、カルーセルはあるべき場所にスナップし、それ以降はすべての画像が正しく表示されます。私は何か間違ったことをしていますか?見逃した設定を使用する必要がありますか? ここにリンクがあります。

http://dev.mattresstime.co.uk/cheapbeds/mattresstime/index.php

これはjQueryです

0 投票する
1 に答える
1601 参照

caroufredsel - carouFredSel、fxでの作業:「スクロール」、「divs」を使用した奇妙な動作

carouFredSelでスライダーを実行していますが、fxで奇妙な動作をします。アイテムが「divs」にカプセル化されている場合、「scroll」を実行すると、画像のスクロールがうまく機能しません。しかし、「<img>」だけを使用すると、うまく機能します。なぜなのかご存知ですか?スライドのテキストにdivを使用する必要があります。こちらをご覧くださいhttp://kuralmedia.com/_outside/test-Slider/index.html ありがとうございます。

R

0 投票する
1 に答える
868 参照

jquery - CarouFredselセパレーター

CarouFredselスクローラーにセパレーターを追加しようとしています。これを行う最も簡単な方法は、各アイテムに右の境界線を追加することですが、最後のアイテムにバグがあることがわかります。どうすればこれを行うことができますか?問題は、プラグインからの計算では、マージンやパディング、さらにはオーバーフローを介してこれを修正できないことです。ここでjsFiddleデモを見ることができます

私が試してみました:

これが結果です

境界線区切り文字をアイテムからアイテム->リンクに変更する必要がありました。結果は次のとおりです。

0 投票する
1 に答える
1424 参照

jquery - caroufredselでスクロールするときにカスタムアニメーションを追加するにはどうすればよいですか?

サムネイルがスクロールするときにカスタムアニメーションを追加したいと思います。たとえば、ユーザーが次のボタンをクリックしたときに、画面をフェードアウトするサムネイルと、画面にフェードインするサムネイルを表示します。

例から、これが使用する関数であることがわかります。

フィドルリンク

これは、カスタムアニメーションのない デモです。

これに似たもの。

0 投票する
1 に答える
4477 参照

jquery - caroufredsel 画像サムネイルのワードプレスでのページネーション

ワードプレスの投稿でメディア ギャラリーの画像と画像のサムネイルを表示するカルーセルが欲しいです。

データベースにクエリを実行することはできますが、caroufredsel を使用してサムネイルの配列を返す方法がわかりません。

関数の戻り変数が $src[0] に設定されているため、これは理にかなっています。PHPループで見つかったすべての画像を受け取るには、.pager-wrapperクラスが必要です。

例として、リターンを次のようにしたいと思います。

サムネイルの配列を選択したコンテナ クラスに返すように caroufredsel を取得するにはどうすればよいですか?

0 投票する
1 に答える
2783 参照

caroufredsel - caroufredselでアイテムごとに異なる遅延を設定できますか?

autocaroufredsel(caroufredsel )の構成を使用して、アイテムごとに異なる遅延を指定して、たとえば次のようにする方法はありますか?

  • 最初のアイテム-5秒
  • 2番目のアイテム-10秒
  • 3番目のアイテム-8秒
  • ..。
0 投票する
3 に答える
2996 参照

caroufredsel - 可変幅のアイテムを含む連続スクロールカルフレッドセルティッカー

可変幅のアイテムを含む連続スクロールティッカーを作成したいと思います。これは、ニュースタイトルの長さに応じて幅に応じてニュースアイテムが次々に配置されるニュースティッカーに使用されます。私は彼らが同じように直線的に緩和する方法で連続的に左に向かって連続的にスクロールする必要があるでしょう。

これはcaroufredselを通して可能ですか?

0 投票する
2 に答える
7718 参照

jquery - クリックカルーフレッセルでカルーセルを一時停止

カルーセルと親指のセットがあります。カルーセルは、ページの読み込み時に自動的にスクロールするように設定されています。ただし、サムネイルをクリックしたときにカルーセルを一時停止したいと思います。

サムネイル画像のクリックイベントでこれを達成しようとしています。次に、トリガーを使用してクリックした親指にスライドし、一時停止します。

問題は、次のコードでは、カルーセルを一時停止しますが、カルーセル画像をクリックした画像に変更しないことです。一時停止トリガーを削除すると、カルーセルがクリックされた親指に変わります。

カルーセルをクリックしたサムネイルに進めてから一時停止するにはどうすればよいですか?