javascript - js 제어 요소 스타일에 대한 의심

Question

으아악

위 코드에서 보듯이 1초마다 Slider_box가 왼쪽(1화면)으로 20%씩 슬라이드되는데 문제가 발생하는데, 100%로 슬라이드되면 더 이상 왼쪽으로 슬라이드할 수 없습니다. , 사진은 없을 것입니다), 그리고 저는 다른 플러그인에서 볼 수 있는 효과는 매초마다 Slider_box의 슬라이딩이 -20%에서 0으로 변경된 다음 -20%로 변경된다는 것입니다. Slider_box가 100%로 슬라이드한 다음 다시 슬라이드하면 해당 영역을 벗어나게 됩니다. 문제는 위 코드에서 이 플러그인이 Slider_box를 -20%에서 0으로, 그리고 다시 -20%로 변경하는 것을 어떻게 처리하는가입니다. , 마지막 슬라이딩 스타일을 먼저 지운 다음 이번에는 슬라이딩 스타일을 설정해 보았습니다.

으아악

하지만 변경 사항을 인식할 수 없고 더 이상 미끄러지지 않습니다. 그러면 플러그인과 동일한 효과를 얻으려면 여기서 어떻게 처리해야 합니까?
사람들이 이 아이디어를 따르지 않기 때문입니까?
플러그인의 js 메서드 캡슐화 너무 심오해서 이해하지 못해 죄송합니다.
또 다른: 플러그인 링크: http://sc.chinaz.com/jiaoben/. ..

Answer 1

动一下就把第一个li apend到最后

Answer 2

원래 방법은 괜찮습니다. 판단은 본인의 몫입니다. test<5 但却一直把 test 加。所以把 test++ 改成 test = (test + 1) % 5 괜찮을 것입니다.

Answer 3

원활한 캐러셀을 만들고 싶나요? 일반적으로 말하면 두 가지 아이디어가 있습니다. 1. 상위 컨테이너의 속성을 제어합니다. 2. 왼쪽, 변환X 여백과 같은 하위 요소의 속성을 제어합니다. 먼저 끊김 현상을 달성하는 방법에는 두 가지가 있습니다. 1. 앞면과 뒷면에 사진을 한 장 더 추가하고, 초기화 중에 두 번째 사진이 표시됩니다. 2. 초기화 시 두 번째 사진이 많이 표시되지 않지만 사용자는 항상 표시합니다. 두 번째 사진을 참조하세요.
작년에 제가 작성한 Simple Seamless Carousel을 보실 수 있습니다. Simple Seamless Carousel

Answer 4

원활한 회전목마입니다.

으아악

이렇게 머리와 꼬리에 복사본을 추가하고 실제 머리와 꼬리(즉, 내 코드의 두 번째 img와 여섯 번째 img)로 회전하면 if 판단을 추가하여 목록을 판단할 수 있습니다. 스타일이 괜찮습니다.