bxSlider customPager로 인해 li 요소의 너비가 663px가됩니까?

Question

나는 개발중인 웹 사이트에 활성 bxSlider를 가지고 있으며 테마 레이아웃을 유지하려고합니다 (사례 연구 섹션의 here 참조).

기본적으로 bxSlider는 회전하고 축소판 호출기 이미지는 고정 된 상태로 유지되지만 활성 이미지는 강조 표시됩니다.

그러나 customPager를 미리보기 이미지로 설정하면 외관상 회전식으로 변하고 각 요소의 너비는 663px가됩니다. 여러 옵션을 시도했지만 (여전히 시도 중) 비슷한 문제가 있는지 확인했지만 해결 방법은 없습니다.

마크 업을 게시하는 데는 별 신경을 쓰지 않지만 문제가 실제로 발생하는 URL을 제공하는 것이 좋습니다.

모든 도움을 주셔서 감사 드리며, 몇 시간 동안 머리를 짚어 봤습니다.

Answer 1

jquery를 사용하면 bxSlider 용으로 생성되는 요소의 너비를 편집 할 수있었습니다 ... 내 다른 문제는 축소판 호출기 이미지가 여전히 이동 중이므로 여기에 현재 js가 썸네일 호출기.

이 문서를 읽고 다음 readme 파일을 확인 후, 여기에 내가 그 결과는 ...

해낸 것

$(document).ready(function(){ 
     $('.enable-bx-slider').bxSlider({ 
      pagerCustom: '#bx-pager-all', 
      minSlides:1, 
      maxSlides: 1, 
      speed: 1000, 
      auto: true, 
      autoStart: true 
     }).css('transform', 'translate3d(0px, 0px, 0px)'); 

    $('.enable-bx-slider').children().css('width', '115px'); 
    }); 

Answer 2

확인 :하지만 문제는 메인 이미지는 이제 중복 호출기를 표시한다는 것입니다 슬라이더의 html에있는 데이터 속성은 기본적으로 테마가 설정되어있는 것과 동일하게 유지됩니다. 이제 완료해야합니다 모든 것을 내가시에 메인 이미지 변경 ...

다시 '활성'썸네일을 강조하는 방법을 찾을 필요가있다

$(document).ready(function(){ 
    var slider = $('.bx-slider-all').bxSlider({ 
     pause: 10000 
    }); 
}); 
slider.startAuto(); 

: 일하기 위해 필요한 모든 것은 다음 JS했다 솔루션을 찾을 수 here