問題タブ [slick.js]

onAfterChange最初の滑らかなカルーセルをスワイプして、イベントを通じて 2 番目の滑らかなカルーセルを変更する必要があります。

slick.js フロントエンド スライダー プラグインのテストで、Chrome ブラウザーで、クラス ".slick-dots li button:before" のナビゲーション ドットが時々見つかりました。

突然変わった

から

コンテンツ： '•';

に

コンテンツ: '•';

それ自体で。ただし、ドットを表示したかった

なので

それ以外の

シークレットを使用してページを更新すると奇妙なことに、再び通常に戻りますが、不明なトリガーを介して既に画像 2 になっている場合は、シークレット以外のモードでこれらのドットを通常に更新することはできません。

問題の原因とそれを回避する方法は何ですか？

通常、 slick.jsカルーセルをクリックすると、カルーセルを制御できます (コントロールとは、矢印キーを使用してスライドできる状態を意味します) 。

しかし、プロジェクトでより柔軟なインターフェイスを実装するために、javascript コードでこれを実行しようとしています。

このカルーセル コントロールの取得はプログラムで実装できますか? 試してみ$('#my-slick-carousel').focus()ましたが、うまくいきませんでした。

イベントをカルーセルjqueryオブジェクトに委任する問題のように見えるため、 slick.jsに固有のものでなくても、回避策は問題ありません。keypress

今日の時点で、私はJavascriptにまったく慣れていません。Slick Carousel を機能させようとしています。

https://github.com/kenwheeler/slick/

これが私がこれまでに持っているものです：

私が見逃しているアイデアはありますか？

作業中の Web サイトで Slick Carousel プラグインの使用を開始しましたが、何らかの理由で、Slick Carousel のターゲット要素の周りにラッパーを設定すると、オプションではないピクセルで設定しない限り、幅が考慮されません幅を親要素のサイズまで拡大する必要がある場合。

これが役立つ場合に備えて、Bootstrapも使用しています。

HTML

以下：

JS:

これが実際の問題の JSFiddle です。親コンテナーの子は、幅を 20,000px にプッシュしています。これは、Bootstrap が行うべき幅よりも広いです。

https://jsfiddle.net/wqvth9ms/

スライダーの画像を完成させる機能が必要です。Slick.js を使用してスライダーを作成し、ユーザーが静止画像をクリックするとモーダル内に表示される小さな HTML と CSS を作成しました。さて、スライダーに表示される最初のスライドを、ユーザーがクリックしたばかりにする必要があります。これは、世界のスライダーで非常に一般的な機能だと思います。しかし、私は多くの検索の後、それを行う方法を見つけられませんでした. 誰かが以前に Slick を使用したことがあり、同じ状況にあった可能性があるため、質問しています。私がプレイしなければならない設定はinitialSlideだと思いますが、スライダーが初期化されると同時に画像の参照を保存する方法がわかりません。トリッキーな問題であることは承知していますが、念のため質問しています。よろしくお願いします

これは、スライダーを初期化する方法です

これは静的ギャラリー画像の html です

そして、これはスライダーのhtmlです