MUI 슬라이더 구성 요소: 다양한 색상의 엄지손가락

MUI에는 슬라이더 구성 요소가 있습니다: https://mui.com/material-ui/react-slider/ 현재 사용자가 값 범위를 선택할 수 있도록 이 구성 요소를 사용하고 있습니다(그래서 내 슬라이더에는 두 개의 엄지손가락이 있습니다) MUI Multi -Thumb 슬라이더 블록 문서: 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/ Nub에서 재생되는 애니메이션을 비활성화하여 Nub가 새 위치로 이동하도록 하는 방법을 알아내려고 합니다. 즉시. 이를 수행할 수 있는 방법이 있습니까?

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

슬라이더 미리보기를 슬로우 모션으로 만드는 방법

이미지에 따라 이동하려면 슬라이더 미리보기가 필요한데 이제 즉시 끝으로 이동합니다. 두 개의 버튼(왼쪽 및 오른쪽)을 사용하여 미리보기 슬라이더를 만들려고 했지만 오른쪽 버튼을 누르면 필요한 동안 끝으로 이동합니다. 여기 이미지별로 이동하는 링크는 다음과 같습니다: 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"><he

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

킨 슬라이더는 데이터 가져오기 기능과 호환되지 않습니다

공개 데이터를 가져와서 킨 슬라이더를 사용하여 표시하고 싶습니다. 그러나 특히 왼쪽 및 오른쪽 화살표를 추가하려고 할 때 잘 작동하지 않는 것 같습니다. 그들은 나타나지 않을 것입니다. 또 다른 문제는 처음 로드할 때 슬라이더가 멈추고 창 크기를 조정한 후에만 움직인다는 것입니다. const[data,setData]=useState([]);const[options,setOptions]=useState({});const[currentSlide,setCurren

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

슬라이더 진행 표시줄이 슬라이드 수와 일치하지 않습니다.

7개의 항목이 포함된 캐러셀을 만들었습니다. 기본적으로 이 캐러셀에는 5개의 항목이 표시됩니다. 내 데모에서는 두 가지 문제에 직면했습니다. 슬라이더가 무한 반복되도록 설정되었지만 슬라이드 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("span");constinputSlider=document.querySelector("입력&qu

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