Flexslider 관련 문제

Question

Flexslider를 사용하여 반응 형 슬라이더를 만들려고합니다. 그래도 몇 가지 문제가 있습니다. 나는 다음과 같은 설정이 설정 :

$('.portfolio .flexslider').flexslider({ 
    animation: "slide", 
    animationLoop: false, 
    controlNav: false, 
    directionNav: true, 
    slideshow: false, 
    itemWidth: 490, 
    itemMargin: 30, 
    minItems: 1, 
    move: 1 

    }); 

그것은 animationLoop: false을 적용하지 않는 것

, 그것은 다음 바로 당신이 올바른 방향 탐색 링크를 클릭하면 첫 번째 왼쪽으로 가고, 높이 모두가 때때로 때 엉망이 될 것 같다 페이지를로드합니다. 여기서 미리보기를 볼 수 있습니다. 문제를 일으킨 원인은 무엇입니까? 도움을

http://staging.pautlerdesign.com/portfolio/index-test.php

감사합니다!

Answer 1

Flexslider 2을 사용하고 있습니까? 당신이 실제로 한 번에 두 개 이상의 항목을 표시하지 않을 경우

또한, 회전 목마 매개 변수를 필요가 없습니다 (itemWidth는 itemMargin는 minItems는 maxItems는 move는) 당신이 정말로 필요로하는 모든입니다

$('.portfolio .flexslider').flexslider({ 
    animation: "slide", 
    animationLoop: false, 
    controlNav: false, 
    directionNav: true, 
    slideshow: false 
}); 

문제 귀하 보는를 해결할 수 있습니다

section.portfolio-piece .flexslider ul.slides li { 
    margin: 0; 
} 

이 : 당신은 또한에 ul.slides 리튬 .flexslider section.portfolio 조각에 대한 기존의 CSS를 변경해야 할 수도 있습니다.