問題タブ [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.
jquery - jQueryを使用してslick.jsのアクティブなスライドをスタイルするにはどうすればよいですか?
アクティブなスライドのスタイルをオレンジ色の境界線にしたいと考えています。
そのクラスが : であることを知っているslick-activeと、構造は次のようになります。
私はこれを思いつきます：
jQuery
それらを表示させることができませんでした。誰かがこれで私を助けることができますか?
アップデート：
jQuery 構文エラーを修正した後、境界線を表示するようになりましたが、意図的に望んでいるものではありません。
現時点での結果:
これが私のJSFiddleです
jquery - さまざまなサイズの画像に固執する滑らかなカルーセル フェード
フェード設定で Slick カルーセルを使用して、Web サイトのフロント ページの画像のスライドショーを表示しようとしています。スライドショーの画像には、2 つの異なるサイズ比があります (1 つは縦方向の画像用、もう 1 つは横方向の画像用)。スライドショーが大きな画像から小さな画像に切り替わると、スムーズにフェードするのではなく、最初の画像の余分な幅がくっついて消えてしまいます。
これは、私が使用しているコードの基本的な例です。このフィドルで結果を見ることができますhttps://jsfiddle.net/m4ug5o09/
HTML:
JS
また、ページを読み込むと、最初の画像がページの下部 (フッターのように) ですばやく点滅します。
アイデア？
javascript - Slick Carousel ターゲット アクティブ スライドでアニメーション クラスを追加および削除する
そのスライド内の p 要素にアニメーションを追加するために、ken wheeler をactive slideターゲットにしようとしています。slick carousel
したがって、slideがアクティブな場合、p要素は (または何か) バウンスし、スライドが次のスライドに移行すると、アニメーションが新しい p 要素に適用されます。スライドがループした後、アニメーション化されたクラスが継続的に に適用されますslick carousel。
HTML:
imagesおよびいくつかは、classes私が使用する他のプログラムによって動的に生成されます。
Javascript:
クラスは、.slick-activeによって動的に生成されますslick carousel。p上記の HTML コードの要素をターゲットにしています。animated bounceクラスは、アニメーションを生成する css に関連付けられています。
私はにとても慣れてJavascript/jQueryいないので、私の間違いは初歩的なものかもしれません。私は何をする必要があるかを見つけようとして、何時間もウェブを検索しました...
css - 滑らかなカルーセル - コントロールを非表示にしますか?
次と前のボタンをスムーズに追加するのをやめるオプションはありますか? cssでそれらを隠すことはできないようです。
javascript - Slick カルーセルで Videojs を一時停止する
2私はいくつかの助けが必要です.滑らかなスライダーの同期カルーセルでいくつかのvideojs htmlプレーヤーを使用しています. 私の問題は、他のカルーセルのサムネイルをクリックして他のビデオに移動すると、最初のビデオが再生され続けることです。サムネイルをクリックしてビデオを一時停止したいと思います。
私のhtmlは次のとおりです。
私はこのjsを見つけます：
この機能を使用すると、最初のビデオのみを一時停止できます。単一のサムネイルをクリックすると、再生中のビデオを一時停止でき、すべてのサムネイルでも機能するはずです。誰かが私を助けることができますか？