問題タブ [slick.js]

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 投票する
1 に答える
233 参照

javascript - ブレークポイントを使用したレスポンシブ カルーセル

ブレークポイントでこのようなものを使用している場合、たとえば 200 から 320 の間にルールを設定することは可能ですか? 200 から 300 の間のすべてがメディア クエリのように影響を受けるようにします。

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

javascript - ドラッグ中のカルーセルの同期

ページに 2 つのカルーセル スライダーがあり、slickを使用してスワイプ イベントを作成しています。一方のカルーセルをスワイプすると、もう一方のカルーセルもスワイプする必要があります。私はそれを達成しましたが、実装するのに最適な詳細があります。このフィドルを最初に見てください:

http://jsfiddle.net/eqreem8m/1/

カルーセルでスライドをドラッグしているときに、他のカルーセルが同じドラッグを行い、100% 同期されるようにしたいと思います。

洗練されたドキュメントを見てきましたが、これを行うための何かが見つからなかったので、解決策を知っていれば (他のライブラリでも) 読みたいと思います。

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

jquery - jQuery slick カルーセルの「スライド」設定

jQuery slick プラグイン ( http://kenwheeler.github.io/slick/ )を使用してカルーセルを作成しました。「スライド」設定を使用して、カルーセルで使用される要素を指定したいと思います。この設定の説明は次のとおりです。

タイプ:要素
デフォルト: ''
スライドとして使用する要素クエリ

この設定についての私の理解では、「div」を指定すると、div 要素のみがカルーセルに表示されます。これを機能させることはできません。カルーセルを作成すると、コンテナ内のすべての要素が表示されます。

簡単な例を作成しました:

「slide: $('.slickItem')」も試しましたが、これもうまくいきませんでした。

https://jsfiddle.net/Lobfdodo/

結果パネルで左右の矢印をクリックすると、カルーセルに 3 つの要素 (div と p) がすべて表示されます。div 要素のみをカルーセルに取り込みたい。

助言がありますか?

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

javascript - slick.js で作成したスライドにアニメーションを追加する

slick.js で作成したスライドのテキストにアニメーションを追加しようとしています。この投稿からいくつかのコードを使用しようとしました( Slick Carousel target active slide to add and remove animation classes )が、クラスを追加していません。

これらのクラスが追加されていないので、コールバック関数に問題があるように感じます。誰にもアイデアがありますか?

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

meteor - Iron-router を搭載した Meteor は滑らかなカルーセルを動作させることができません

私はアイアンルーターを使用しています。アイテムのリストを持つルート「モデル」があります。ユーザーがこれらの項目の 1 つをクリックすると、新しいルート「モデル」が使用され、選択された項目の名前がパラメーターとして渡され、そのモデルに関するデータをデータベースからロードするために使用されます。

データベースから返された画像の配列を使用して(パラメーターに基づいて)、滑らかなカルーセルを使用したい。

slick init はどこで呼び出す必要がありますか?

0 投票する
3 に答える
7314 参照

javascript - Slickスライダーに矢印を追加する方法

ここに画像の説明を入力

django とブートストラップ 3 テンプレートを使用して、「slick」( http://kenwheeler.github.io/slick/ )と呼ばれる jquery プラグインを使用してスライド プレゼンテーションをまとめています。次のようなdjangoテンプレートを使用して、基本的なカルーセルが機能しています。

http://jsfiddle.net/kc11/20a90mdm/1/にフィドルがあります

http://kenwheeler.github.io/slick/の最初の例 (Single Item) のように、スライドの左右に矢印を追加する方法があるかどうか疑問に思っています。スライドの下に [前へ] ボタンと [次へ] ボタンしか表示されない