최종 슬라이드의 오른쪽에 여분의 공간을 추가하는 Flexslider ...

Question

Flexslider에서 최종 슬라이드 다음에 여분의 공백을 추가하는 문제가 있습니다.

한 번에 두 개의 342 픽셀 슬라이드를 표시하고 각 슬라이드 사이에 18 픽셀을 표시하는 702 픽셀의 div를 만들었습니다. 'itemWidth'를 '360px'로 설정하여 추가 공간을 허용하고 'itemMargin'을 '0'으로 설정할 수 있습니다.

<script type="text/javascript" charset="utf-8"> 
    $(window).load(function() { 
     $('.flexslider').flexslider({ 
     animation: "slide", 
     animationLoop: true, 
     itemWidth: 360, 
     itemMargin: 0 
     }); 
    }); 
</script> 

이 나에게 내가 슬라이드 사이에 필요한 적절한 공간을 제공하지만 난 내 인생을 제거 할 수의 끝 부분에 추가 18px를 추가합니다. 더욱 성가 시게, 그것은 단지 3을 필요로 할 때 그것을 네 번째 슬라이딩 전환처럼 취급합니다. http://bit.ly/XHJVeU

주 하단에있는 네 개의 점 :

여기에 스크린 잡아입니다. 4 개의 슬라이드를 표시하려면 3 개가 필요합니다.

내가 생각할 수있는 CSS의 모든 비트를 조정했지만 여전히 운이 없다. 이미지에 여백/여백을 추가하더라도 아무런 효과가 없습니다. 실망.

어느 쪽이든. 나는 누군가가 전에 이것에 빠지기를 바라고 있으며, 그것은 빠른 수정이라고 생각합니다. 사전에

감사합니다.

업데이트 : HTML은 참조 용으로 포함되어 있습니다.

<div id="carousel" class="flexslider"> 
<ul class="slides"> 
    <li><img src="images/suite-a_01.png" /></li> 
    <li><img src="images/suite-a_02.png" /></li> 
    <li><img src="images/suite-a_03.png" /></li> 
    <li><img src="images/suite-a_04.png" /></li> 
</ul> 
</div> 

감사합니다.

Answer 1

flexslider의 라이브 출력을 검사하고 페이지 넘김 막대를 체크합니다 (클래스 "flex-control-nav"및 "flex-control-paging"을 참조하십시오). 나는이 동일한 문제를 가지고 있었고, 내 콘텐츠를 넘어서 확장 된 CSS 너비를 가졌으므로 오른쪽에 공백이 추가되었습니다.

나는 분명히 희망합니다. 내가 분명히 할 수 있다면 알려줘. 이러한 문제가 누구에 몇 년 동안

Answer 2

...

는 그냥 Flexslider 내 자녀 요소들이 예상 폭 초과 할 것 패딩이나 마진이 없어했는지 확인하십시오.

보상으로 추가 가상 슬라이드가 발생합니다.

.slide { 
    margin: 0 !important; 
    padding: 0 !important; 
}