jcarousel 문제

Question

지금은 웹 사이트를 만들고 있습니다. 여기에 링크가 있습니다 : http://theoew.uuuq.com/home/

웹 사이트를 보지 않고 다음 단락을 스캔 한 다음 사이트로 이동하여 슬라이드 쇼를 보지 않으면이 내용이 적합하지 않을 수 있습니다.

jcarousel 슬라이드 쇼에 문제가 있습니다. 먼저 그것의 기본을 설명해 드리겠습니다. 마우스를 가져 가면 자동으로 다음 슬라이드로 이동합니다. 첫 번째 슬라이드로 돌아가는 대신 세 번째 슬라이드 이후에 어떤 이유로, 먼저 오른쪽으로 약 20 픽셀 이동 한 다음 다음 버튼을 클릭하면 첫 번째 슬라이드로 돌아갑니다. 슬라이드 쇼처럼 20px 너비와 같은 추가 슬라이드가 있다고 생각합니다. 나는 (분명히 이런 일이 일어나기를 원하지 않는다.)

나는 당신이 나를 도울 수 있도록 슬라이드 쇼로 페이지를 만들었다.

오, 나는 밖으로 시작하기 위해 autoscrolling 예제를 사용했습니다.

도움을 주시면 감사하겠습니다.

! 슬라이드 쇼를위한 링크가 있습니다.

http://theoew.uuuq.com/simple%20carousel/

Answer 1

각 슬라이드를 슬라이드 컨테이너의 너비로 만들어서 문제를 해결했습니다. 그것은 CSS 파일에서 약간의 패딩/마진 및 너비와 관련이있었습니다.

Answer 2

문제는 skin.css 파일에 있습니다.

변경 :

#mycarousel .slide { 
    float:left; 
    width:900px; 
} 

에 : 다음과 같이 변경합니다

#mycarousel .slide { 
    float:left; 
    width:940px; 
} 

및 제거 : 여기

.jcarousel-clip { 
    margin:0 30px; 
} 

것은 http://jsbin.com/omema 제대로 이미지를 작업 그 예이다 편집해야하는 CSS의 절대 경로로 인해 올바르게 표시되지 않습니다.