flexslider 이미지가 가운데에 맞춰지지 않습니다.

간단한 웹 페이지에 "슬라이드 쇼"를 통합하는 쉬운 방법은 javascript/css 기반 flexslider입니다.flexslider 이미지가 가운데에 맞춰지지 않습니다.

그러나 "현재"이미지는 flexslider div 상자의 중앙에 있지 않습니다. "이전"이미지 조각이 여전히 "현재"이미지 왼쪽에 표시됩니다 (example of the problem).

내가 잘못 수행 한 것에 대한 의견이 있으십니까?

2013-07-04 mr kw

844px

건배 구현. –

에 한번 당신의 슬라이더 기능에 옵션으로 다음과 같은 추가 : 즉, 컨테이너 폭 itemWidth tjhe

$('.flexslider').flexslider({ 
    animation:"slide", 
    controlsContainer: ".flex-container", 
    itemWidth: 0,     //{NEW} Integer: Box-model width of individual carousel items, including horizontal borders and padding. 
    itemMargin: 0,     //{NEW} Integer: Margin between carousel items. 
});

변경 : 당신은 당신이 우리에게 코드를 표시해야합니다

출처

2013-07-04 06:35:12

먼저 사이트에 CSS 재설정을 적용하십시오.

콘텐츠 (이미지) 너비는 844px이지만, 플러그인은 li 너비를 900px로 계산합니다. 이는 플러그인이 기본적으로 브라우저에서 적용한 여백/패딩을 계산할 수도 있기 때문입니다. (방화산 테스트를 위해 900px 너비 만 제거하면 내용이 집중됩니다.)

감사합니다.

출처

2013-07-04 04:50:52 Neeraj

flexslider 이미지가 가운데에 맞춰지지 않습니다.

답변

관련 문제