매끄러운 슬라이더 (http://kenwheeler.github.io/slick/)를 사용하고 있습니다. 나는 특정 매끄러운 슬라이더에 대해서만 매끄러운 점의 위치를 재조정 할 수 있는지 궁금해했다. ("슬라이더"는 슬라이더의 이미지가 아니라 전체 슬라이더를 의미한다.) 내 페이지에는 매끄러운 3 개의 슬라이드가 있고, 그들 중 하나). 매끄러운 슬라이더 점 재배치 - 복수 위치
는이 게시물 slick slider dots repositioning 다시 위치를 발견하고 허용 솔루션은 당신이 (모두 함께 슬라이더에 대한) 모든 점을 이동하려는으로 잘 작동 :.slick-dots {
top: 100px; // play with the number of pixels to position it as you want
left: 100px; // play with the number of pixels to position it as you want
}
어떻게 특정 슬라이더에 대해서만 점의 위치를 변경 하시겠습니까? .slick-dots 클래스는 모든 슬라이더에 적용되는 것으로 보이며 소스 코드는 CDN에 있습니다.
코드 참조 용으로는 https://jsfiddle.net/5ox31m2a/89/을 참조하십시오 (이는 한 손에 슬라이더의 예일 뿐이며이 문제의 전체적인 표현은 아닙니다). 사전에
덕분에 모든
감사합니다. 그러나 이것은 내가 의미했던 것이 아닙니다. 나는 당신의 솔루션이 가리키는 매끄러운 슬라이드에서 특정 이미지의 도트를 움직일 생각이 없습니다. 특정 매끄러운 슬라이더 (매끄러운 슬라이더의 모든 이미지)에 대해 점을 이동하고 싶습니다. 내 질문에 설명했듯이, 나는 내 페이지에 3 개의 매끄러운 슬라이더를 가지고 있으며, 단지 1 개가 위에 점들을 가져야한다. 내가 제공 한 피들은 1 개의 매끄러운 슬라이더의 예제 코드입니다. 솔루션을 알고 있다면 답변을 조정할 수 있다면 감사하겠습니다. – tealowpillow
@tealowpillow 훨씬 쉽습니다. 차별화하려는 슬라이더에 ID를 추가하고이를 사용하여 스타일을 변경하는 CSS 규칙을 만드십시오. 데모 : https://jsfiddle.net/gaby/529cnmmo/ –