bxslider pager 예제

전체 호출기와 카운터를 표시해야 하는 경우 어떻게 해야 합니까? 전체 문서, 수많은 예제 및 좋은 시간을 보려면 방문하십시오: http://bxslider.com `full`인 경우 각 슬라이드에 대해 호출기 링크가 생성됩니다. `짧은`경우, x / y 호출기 (예. 1 / 5) 참조하시기 바랍니다 : http://bxslider.com/examples/thumbnail-pager-1 http://bxslider.com/examples/custom-next-prev-selectors 좋은 솔루션, 그것은 나를 위해 일했다. 그러나 또 다른 예로, 1 전환에서 여러 슬라이드를 이동해야하며 이것으로 솔루션이 작동하지 않습니다. 당신은 그것으로 나를 도울 수 있습니까? JQuery를 사용하여 쉬운 테스트 슬라이드 쇼 페이지를 만들었을 때 작동했지만 지금은 썸네일 호출기로 만들 수 있는지 궁금합니다. 3 개의 다른 샘플을 만들었지만 썸네일 호출기로 변환 할 수 있는지 확인하고 싶은 샘플은 JQuery 슬라이더 쇼를 말하는 첫 번째 샘플입니다. $(`#slideshow`).bxSlider({ 호출기: true, 호출기 유형: `짧은` }); 호출기 유형: `short`, 호출기는 분리 문자로이 값을 사용 하 여 제공 하는 경우, 함수는 모든 슬라이드 요소에 호출 되 고 반환 된 값 호출기 항목 태그로 사용 됩니다. 자세한 구현에 대한 예제를 참조하십시오 나는 잘 작동하는이 슬라이더가 있습니다. 두 번째 이미지에서처럼 번호 매기기로 호출기를 변경해야 합니다. 호출기로 사용할 부모 요소입니다. 상위 요소에는 각 슬라이드에 대해 요소가 포함되어야 합니다.

여기에 예제를 참조하십시오. 동적 회전 목마와 함께 사용하지 않습니다. 좋아, 내 슬라이더는 방법을 변경하기로 결정하고 내가 시도하고 싶은 다른 예를 발견했습니다. 지금 내가 지금 보다 더 혼란 스러우기 때문에 지금 하려고 하는 것의 링크는 여기 있다. 호출기를 채우는 데 사용되는 예제(기본 슬라이더) 요소입니다. 기본적으로 호출기는 bx 뷰포트에 추가됩니다.

    에서 .bxSlider()를 호출합니다. 통화는 $(document).ready() 통화 내부에서 이루어져야 하며 플러그인이 작동하지 않습니다! .

  • < img src ="이미지/slide1.jpg" 너비 ="980" 높이 ="360" /
  • . 이제 빌드 프로세스를 실행하는 데 필요한 모든 종속성이 있습니다.

    . 주의 사항: 로컬 문서 작성을 위해 Assemble를 활용하기 위해 Grunt 기반 빌드 프로세스로 전환했습니다. 사용 가능한 명령에 대한 그런트에 대한 위의 메모를 검토하십시오. 경고 3 클래스 또는 CssClass 값이 정의되지 않았습니다. C:사용자방랑자데스크톱웹 사이트 – Copyfamily.html 96 30 C:\웹 사이트 – 복사 . 자동 변환이 시작또는 중지된 직후에 실행됩니다. 좋은 코드 – 빠른 질문 – 나는 내 bxslider를 필터링하고 제거 된 LI의 일부와 함께 다시로드 할 수있는 기능을 추가했습니다 – 따라서 새로 고치기 위해 카운터가 필요합니다 – 현재 는 slide_curr 및 slide_count와 새로운 값에 대한 원래 값 사이에 혼동됩니다 – 예를 들어 초기 로드에 30개의 슬라이드가 있고 필터링 후 5가 될 수 있으며, 카운터는 슬라이드 전환이 1/30을 표시하기 직전에 1/5로 표시되므로 원래 slide_count 데이터가 여전히 저장되고 반환되는 것처럼 보입니다. MIT 라이센스에 따라 릴리스 – http://opensource.org/licenses/MIT 이유를 모르겠지만이 코드를 실행하면 콘솔은 onSliderLoad : 함수를 실행하려고 할 때 “슬라이더”가 정의되지 않았다는 것을 계속 말했습니다. 나는 그것이 작동하도록 “슬라이더”변수를 다시 선언해야했다. 이와 같이: onSliderLoad: 기능 (){슬라이더 = $(`#slideshow`).bxSlider(); var slide_count = 슬라이더.getSlideCount(); var slide_curr = 슬라이더.getCurrentSlide(); insertCount(slide_curr,slide_count); } 어떤 생각 왜? 난 당신이 짐작할 수 있듯이, 총 초보자입니다.