回答編集履歴
2
コード追記
answer
CHANGED
|
@@ -68,4 +68,9 @@
|
|
|
68
68
|
});
|
|
69
69
|
```
|
|
70
70
|
|
|
71
|
-
[Codepenサンプル](https://codepen.io/hatena19/pen/ExjpXMR)
|
|
71
|
+
[Codepenサンプル](https://codepen.io/hatena19/pen/ExjpXMR)
|
|
72
|
+
|
|
73
|
+
---
|
|
74
|
+
画像を画面サイズ一杯に広げて、スライドする場合のサンプル
|
|
75
|
+
|
|
76
|
+
[Codepenサンプル](https://codepen.io/hatena19/pen/MWwBEqY)
|
1
コード修正
answer
CHANGED
|
@@ -18,6 +18,7 @@
|
|
|
18
18
|
</div>
|
|
19
19
|
</div>
|
|
20
20
|
```
|
|
21
|
+
|
|
21
22
|
```css
|
|
22
23
|
.slider {
|
|
23
24
|
position: relative;
|
|
@@ -62,11 +63,7 @@
|
|
|
62
63
|
function slideTimer() {
|
|
63
64
|
items.removeClass("is-now is-old");
|
|
64
65
|
items.eq(idx).addClass("is-old");
|
|
65
|
-
items.eq(idx==3 ? 0 :
|
|
66
|
+
items.eq(idx==3 ? idx=0 : ++idx).addClass("is-now");
|
|
66
|
-
|
|
67
|
-
if (++idx>=4) {
|
|
68
|
-
idx = 0
|
|
69
|
-
};
|
|
70
67
|
};
|
|
71
68
|
});
|
|
72
69
|
```
|