MUI スライダー コンポーネント: 異なる色の親指

MUI にはスライダー コンポーネントがあります: https://mui.com/material-ui/react-slider/ 現在、ユーザーが値の範囲を選択できるようにするために使用しています (つまり、スライダーには 2 つの親指があります) MUI Multi -サム スライダー ブロックのドキュメント: https://codesandbox.io/s/gptppq?file=/demo.js スライダーのサムは、https://codesandbox.io/s/359l9t?file=/demo のようにスタイル設定できます。 ts

P粉709644700 2023-09-08 22:49:51 0  1  470

スライダー追跡アニメーションを無効にすることはできますか?

MUI にはスライダー コンポーネントがあります: https://mui.com/material-ui/react-slider/ ナブで再生されるアニメーションを無効にして新しい位置に移動し、移動する方法を見つけようとしています。すぐに。これを行う方法はありますか?

P粉460377540 2024-03-28 19:17:20 0  1  424

Jquery スライダーが正しく表示されないのはなぜですか?

WordPress カスタムテーマに SlickSlider ライブラリを実装して、高度なカスタムフィールドプラグインから取得した画像スライダーを表示しようとしています。ただし、スライダーが画像を互いの上に積み重ねるだけで、スライダー機能が機能しないという問題に遭遇しています。これまでに私がやったことは次のとおりです: <article><divclass="entry-content"><h2class="wp-block-Headinghas-

P粉151720173 2024-04-03 10:43:26 0  1  560

スライダープレビューをスローモーションにする方法

スライダーのプレビューを画像どおりに動かす必要がありますが、すぐに最後まで移動します。2つのボタン（左と右）を使用してプレビュー・スライダーを作成しようとしましたが、右のボタンを押すと、必要なときに最後まで移動します画像どおりに移動します。ここにリンクがあります: https://codepen.io/alexvambato/pen/yLGBxKK/*codepen.io のスタイルを表示*/functiontoMove(){varmove=document.querySelector('#thumbelina)

P粉715274052 2023-08-17 22:42:11 0  1  595

ブートストラップ 5: スライダー/カルーセル製品

Bootstrap5 を使用して、次の画面のようなスライダー/カルーセル製品を作成しようとしています。ここに貼り付けます。これが現在のコードです: <style><!--Temporary-->.carousel-control-next-icon{background :black;}</style><!DOCTYPEhtml><htmllang="en"><彼

P粉214176639 2024-03-26 19:24:34 0  1  515

keen-slider はデータ取得機能と互換性がありません

公開データを取得してkeen-sliderを使って表示したいと考えています。ただし、特に左右の矢印を追加しようとすると、あまりうまく機能しないようです。彼らは現れないでしょう。もう 1 つの問題は、最初の読み込み時にスライダーがフリーズし、ウィンドウのサイズを変更した後にのみ移動することです。 const[data,setData]=useState([]);const[options,setOptions]=useState({});const[currentSlide,setCurren

P粉208286791 2023-08-15 21:59:38 0  1  592

スライダーの進行状況バーがスライドの数と一致しません

7 つのアイテムを含むカルーセルを作成しました。デフォルトでは、このカルーセルには 5 つの項目が表示されます。私のデモでは 2 つの問題に遭遇しました。スライダーが無限にループするように設定されていましたが、スライド 1 に戻っても進行状況バーがリセットされませんでした。スライダーが最後に達すると、(スムーズな移行ではなく) すぐにスライド 1 に戻ります。 7 番目のスライド (7 番目のカード) が表示されると、進行状況バーが完了します。 $slider.slick("getSlick").slideCount の console.log

P粉587780103 2023-08-25 16:17:45 0  1  648

書き直されたタイトルは次のとおりです: HTML でグラデーションの背景を持つ自動入力スライダーを作成する方法

私はちょうど HTML をいじっていて、グラデーションで塗りつぶされるスライダーを作成したいと思っていますが、これはほぼ不可能であることがわかりました。数時間調査しましたが、答えが見つからないようです。 JSが必要だと思いますが、そこは完全に空白です。 .slidecontainer{justify-content:center;bottom:0px;margin-left:auto;}.slider{-webkit-Appearance:none;Appearance:none;borde

P粉715228019 2024-02-03 20:57:38 0  2  504

JSを使用したHTMLレンジスライダーの値の表示

HTML 範囲スライダーの値を表示するための JS は、最初の項目 (A1) では正常に動作します。ただし、A2 プロジェクトにも使用したいと考えています (実際には 20 個のプロジェクトがあるため、19 回再利用する必要があります)。複数の反復をコード化する方法はありますか? constslideValue=document.querySelector("スパン");constinputSlider=document.querySelector("input"

P粉988025835 2023-09-13 00:42:58 0  1  620

スライダーでカード間にスペースを作成する: マージンを定義するにはどうすればよいですか?

スライダーを作成しようとしていますが、その中のカードにはスペースがまったくありません。間にマージンを追加しようとしましたが、うまくいきません。どこで間違えたのか理解するのを手伝ってくれませんか？前もって感謝します。 constcards=document.querySelectorAll(".card");constbtnLeft=document.querySelector(".slider__btn--left");constbtnRigh

P粉545956597 2024-03-30 13:27:15 0  1  367

JavaScript - jqueryスライダープラグインをお勧めします。機能は非常に簡単です。

このようなスライダー プラグインが必要です。非常に簡単ですが、インターネットで長い間探していますが、適切なプラグインが見つかりません。お勧めのものを教えてください。jquery に頼ることはできますが、jquery ui には頼らないでくださいおよび他のライブラリ。

某草草 2017-05-19 10:35:24 0  4  733