Nivo 슬라이더 플러그인의 축소판에 슬라이더를 추가하는 방법은 무엇입니까?

Question

나는 이것을 꽤 자주 검색하여이 두 가지 플러그인을 함께 넣어 보았지만 아무 것도 작동하지 않는 것 같습니다.

nivo 슬라이더의 축소판에 슬라이더를 추가하면 좋은 링크를 알 수 있으므로 한 번에 5 개의 축소판을 볼 수 있으며 축소판 영역을 클릭하거나 왼쪽으로 슬라이드하면 다음 5 개를 표시합니다 미리보기 이미지?

JSCarousel 및 ThumbnailScroller를 .nivo-controlNav 태그로 사용해 보았지만 그 중 하나에 행운이 없었습니다.

감사합니다. 감사드립니다.

Answer 1

사용자 지정 솔루션을 설계해야 할 수도 있습니다. 나는 JSCarousel으로 다시 시도해 볼 것을 제안하고 싶다. 나는 이것을 똑같은 해결책으로 과거에 사용했고 성공적이었다. 그렇지 않으면, 나는 당신을 위해 코드를 작성하지 않습니다,하지만 의사 코드는 같이 갈 것이다 : 축소판의 (마진과 패딩) 높이 인 div 태그 내에

1. 목록 모든 썸네일 및 자동 너비. 고정 폭으로 div를 감싼다. 예를 들어 90px의 정사각형 축소판이 있고 각 주변에 10px의 패딩을 넣고 싶다면 컨테이너 div 높이가 110px이고 5 개의 축소판을 표시하려면 너비가 550px입니다. 가장 중요한 것은 오버플로가 숨김으로 설정되어 다른 미리보기 이미지가 표시되지 않아야한다는 것입니다.
2. 양쪽에 단추를 만드십시오.
3. 버튼을 클릭 할 때 div를 들고있는 축소판의 왼쪽 위치를 550px (또는 너비와 상관없이)로 이동하십시오.
4. 왼쪽 위치가 너비 (오른쪽 도달 한계)보다 크거나 0 (왼쪽 한계 도달)보다 작은 지 확인하는 조건문이 있습니다.

바라건대 이것은 올바른 방향으로 당신을 가르쳐 줄 것입니다!