問題タブ [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.

1907 問題
Newest
Active
Bountied
318
Unanswered
0 投票する
1 に答える
12516 参照

jquery - ユーザーがブラウザのサイズを変更しても歪まないSlick Carouselで固定高さの画像を作成するにはどうすればよいですか?

ユーザーがブラウザのサイズを変更しても画像が歪まない固定の高さを指定するにはどうすればよいですか?

背景画像のように機能させたいのですが、Slick Carousel のように回転させたいと思っています。

何か案は？

0 投票する
9 に答える
133926 参照

javascript - Slick.js: 現在および合計のスライドを取得します (例: 3/5)

Slick.jsの使用- ドットの代わりに現在のスライドと合計スライド (つまり 3/5) を取得するにはどうすればよいですか?

コールバック引数オブジェクトを使用してコールバックを使用できると言われましたがcustomPaging、それは正確にはどういう意味ですか?

http://jsfiddle.net/frank_o/cpdqhdwy/1/

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

sass - ファイルパス変数を変更しようとしているスリックカルーセル

私はZurb Foundation でSlick Carouselを使用しており、それを使用してルート ディレクトリの独自のフォルダーに css、js を配置することをお勧めします。このようにプロジェクトを設定すると、完全に動作するようになります。

しかし、次のように、現在のプロジェクト ファイル構造に追加したいと思います。

  • プロジェクトルート
    • フォント
      • slick.eot
      • slick.svg
      • slick.ttf
      • slick.woff
    • 画像
      • 読み込み中.gif
    • JS
      • slick.min.js
    • SCSS
      • slick.scss
    • スタイルシート
      • slick.css

私がする必要があるのは、scss ファイルで指定されたデフォルトの変数を変更することだけだと思いました。

しかし、私が試したことは何もうまくいきませんでした.コンパイルされたcssには次のようなURLがあります:

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

javascript - Slick Carasel を kenwheeler から Foundation テンプレートに追加する際の問題

ファンデーション テンプレートに Slick Carousel を追加するのに問題があります。http://kenwheeler.github.io/slick/の指示に従い、 次の質問への回答を読みました: Problems with using Kenwheeler slick carousel、要求された変更を加えました。

しかし、私のカルーセルはまだ機能していません。

参照されている Slick フォルダーをローカル フォルダーに配置します。

ここに私のHTMLがあります:

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

javascript - jQuery - スリックカルーセル - この状況でappendTo()を使用するには?

Slick carousel jQuery プラグインを使用しています。ドキュメントにはオプションがありますappendArrows。私が理解しているように、矢印を別の要素にくっつけるために使用できます。各スライドにタイトル、リンク、説明、および写真であるいくつかのサブスライドがあるように、ネストされたカルーセルを使用します。デフォルト設定では、ナビゲーション矢印はスライド全体の中央に配置されます。写真だけに追加したいのですが、やり方がわかりません。appendArrows: $('img’)動作しません。

マークアップは次のとおりです。

そしてJS：

編集：質問が明確ではなかったと思います、悪いです。は、例から省略した.slider-forによって切り替えられます。.slider-navそれはすべて機能します。私の問題は美学の問題です。矢印が全体に追加されると、.single-itemそれらは全体の高さに対して垂直方向に中央に配置されますが、実際にはその中の s<div class="single-item">のみがスライドしているため、奇妙に見えます。に矢印を追加して、画像の高さに対して垂直方向に中央に配置される<img>ようにしたいと思います。<img>それがより理にかなっていることを願っています。

私が本当に求めているのは次のようなことだと思います: どうすれば<img>の内部<div class="single-item">を でターゲットにできappendArrows()ますか? ドキュメントの状態：

オプション: appendArrows; タイプ: 文字列; デフォルト: $(要素); 説明: ナビゲーション矢印を付ける場所を変更する (セレクター、htmlString、配列、要素、jQuery オブジェクト)

どうすればそれを使用できますか？私はまったくの初心者であり、JS についてあまり知らないので、明らかな何かが欠けている可能性があることを覚えておいてください。

0 投票する
6 に答える
100075 参照

css - スリックカルーセルの高さを変える

これは、Bootstrap サムネイルに埋め込まれた Slick Carousel のフィドルです。

JSFiddle

カルーセルの高さを 200 ピクセルにし、画像が比例してスケーリングされるようにするにはどうすればよいですか? 私が指示した高さのコンテナの中にカルーセルを収めることができないようです。

注: このフィドルを読み込んだ後、ブラウザのサイズを変更してください! これは、ページの読み込み時にプラグイン レイアウトが初期化されないという既知のバグを回避します。これは私が解決する必要がある問題ではありません。この問題は無視してください。

HTML

JS

0 投票する
11 に答える
126905 参照

javascript - ajax呼び出しが成功した後にSlick jsを再初期化する

私はカルーセルの実装に Slick を使用していますが、ページが読み込まれるとすべてが正常に動作します。

slick の呼び出しを関数に入れました

そして、成功のコールバック内で関数を呼び出します

しかし、関数は呼び出されていません。このjsを再初期化するにはどうすればよいですか?


12345678910