<!DOCTYPE html>
<html lang="ko">
<head>
</head>
<body>
<p class="wrapper">
</p>
<script type="text/javascript">
/ list.innerHTML += list.innerHTML;//li 5개 더 추가/
으아악</script>
</body>
</html>
사진이 마지막 사진에 도달한 후 다음 사진을 표시할 때 어떻게 중간에 전환 효과를 보지 못하고 즉시 첫 번째 사진으로 이동할 수 있는지 묻고 싶습니다.
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
첫 번째 복제 사진을 마지막에 넣으세요
jquery를 이용해서 작성했으니 참고하시면 됩니다
으아악효과 표시:
https://ityanxi.github.io/seg...
사이트에서 검색해보시면 사실 많은 분들이 문의해주셨는데요. 원리는 시각적인 속임수인데, 5,1,2,3,4,5,1의 구조와 유사합니다. 다섯 번째 그림에 도달하면 1로 돌아가야 합니다. 먼저 다음과 같이 가장 오른쪽의 1로 스크롤합니다. 애니메이션 전환 끝에서 왼쪽의 1이 현재 1을 대체하도록 즉시 위치를 조정합니다. 간단히 말하면 오른쪽의 1 위치는 -1920px이고 왼쪽의 1 위치는 0px입니다. . 캐러셀이 -1920px에 도달하는 순간 위치가 즉시 0px로 조정되어 시각적인 속임수의 목적을 달성합니다. 1~5도 마찬가지구요 방향만 바꿔주세요