回答編集履歴
1
ついき
answer
CHANGED
|
@@ -79,4 +79,38 @@
|
|
|
79
79
|
</div>
|
|
80
80
|
</div>
|
|
81
81
|
|
|
82
|
+
```
|
|
83
|
+
|
|
84
|
+
# 最後の次は最初、最初の前は最後
|
|
85
|
+
```javascript
|
|
86
|
+
$(function(){
|
|
87
|
+
var left=0;
|
|
88
|
+
var current=0;
|
|
89
|
+
$('.next').on('click',function(){
|
|
90
|
+
var w=$('.slider-list img').eq(current).width();
|
|
91
|
+
var len=$('.slider-list img').length;
|
|
92
|
+
current++;
|
|
93
|
+
if(current<len){
|
|
94
|
+
left-=w;
|
|
95
|
+
}else{
|
|
96
|
+
left =0;
|
|
97
|
+
current=0;
|
|
98
|
+
}
|
|
99
|
+
$('.slider-list').animate({left:left});
|
|
100
|
+
});
|
|
101
|
+
$('.prev').on('click',function(){
|
|
102
|
+
var w=$('.slider-list img').eq(current).width();
|
|
103
|
+
var len=$('.slider-list img').length;
|
|
104
|
+
current--;
|
|
105
|
+
if(current>=0){
|
|
106
|
+
left+=w;
|
|
107
|
+
}else{
|
|
108
|
+
left=-$('.slider-list img:not(:last)').map(function(){
|
|
109
|
+
return $(this).width();
|
|
110
|
+
}).get().reduce((x,y)=>x+y);
|
|
111
|
+
current=len-1;
|
|
112
|
+
}
|
|
113
|
+
$('.slider-list').animate({left:left});
|
|
114
|
+
});
|
|
115
|
+
});
|
|
82
116
|
```
|