我有一個帶有上一頁和下一頁箭頭的圖片旋轉木馬；當我到達幻燈片的末尾（最后一張幻燈片）并點擊上一頁箭頭時，我需要回傳到第一張圖片。
這是我的代碼：
這是我的代碼。
<div class="container">/span>
<div class="carousel"/span>>
<div class="幻燈片一"> </div>>
<div class="幻燈片二"> </div>>
<div class="幻燈片三"> </div>>
<div class=" slide four"> </div>>
<div class=" slide five"> </div>>
<div class="幻燈片六"> </div>>
</div>/span>
</div>/span>
<button class="prev"/span>> </button>>
<button class="next"/span>> </button>
.container {
overflow-x: auto;
width: 100vw;
height: 100vh;
}
.carousel {
position: relative;
width: max-content;
}
.slide {
width: 25vw;
height: 100px;
border: 2px solid red;
margin: 0 1px;
float: left;
}
.next,
.prev {
width: 50px;
height: 50px;
position: absolute;
background: black;
top: 25px;
}
.next {
right: 0;
}
.prev {
left: 0;
var carousel = $('.carousel'/span>)。
$('.next').on（'click', function（） {
carousel.animate({
left: '-=25vw'。
}, 500）。)
});
$('.prev').on（'click', function（）{
carousel.animate({
left: ' =25vw'。
}, 500）。)
});
這是個小插曲：
https://jsfiddle.net/9jweau4v/61/
謝謝你。
uj5u.com熱心網友回復：
你可以編輯你的js檔案，如下所示。
var carousel = $('.carousel') 。
var currentSlide = 0;
$('.next').on（'click', function（） {
if(currentSlide == $('.slide').length) {
carousel.animate（{
left: '0'.
}, 500）。)
currentSlide = 0; 0
} else {
carousel.animate（{
left: '-=25vw'。
}, 500）。)
currentSlide = 1; 1
}
});
$('.prev').on（'click', function（） {
if(currentSlide == 0) {
return(currentSlide == 0) {
} else {
carousel.animate（{
left: ' =25vw'。
}, 500）。)
currentSlide -= 1; 1
}
});
我添加了一個if塊，在顯示下一張圖片時，看它是否在串列的末尾
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/321669.html
標籤：
上一篇：當試圖用JavaScript獲得用戶輸入時，收到"無效的日期"。
下一篇：在其他輸入上顯示輸入值