質問編集履歴
2
経過の説明追加
test
CHANGED
File without changes
|
test
CHANGED
@@ -12,6 +12,8 @@
|
|
12
12
|
|
13
13
|
|
14
14
|
|
15
|
+
今回は、eft: click * -600というところを、left: click * (-imgWidth) という風にしたいです。
|
16
|
+
|
15
17
|
```HTML
|
16
18
|
|
17
19
|
コード
|
1
書いてる途中の記述をのせました。
test
CHANGED
File without changes
|
test
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
今掲載してあるコードで動くには、動くのですが実数値を使わないで、動作させたいです。
|
2
2
|
|
3
|
-
|
3
|
+
|
4
4
|
|
5
5
|
|
6
6
|
|
@@ -72,25 +72,33 @@
|
|
72
72
|
|
73
73
|
<script>
|
74
74
|
|
75
|
-
|
76
|
-
|
77
|
-
|
78
|
-
|
79
|
-
var click = 0;
|
75
|
+
var click = 0;
|
80
|
-
|
81
|
-
|
82
|
-
|
76
|
+
|
77
|
+
|
78
|
+
|
83
|
-
$('.i
|
79
|
+
$('.slider-ctrl-btn').click(function() {
|
80
|
+
|
84
|
-
|
81
|
+
var type = $(this).data('ctrl');
|
82
|
+
|
85
|
-
|
83
|
+
type++; //clickを1ずつ増やしていくようにします
|
84
|
+
|
85
|
+
console.log(type)
|
86
|
+
|
87
|
+
if(click > 3) { //if文でclick大なり3と言う式を作り
|
88
|
+
|
89
|
+
click = 0; //clickが3よりも大きくなった場合、clickを0にするようにしてあります
|
90
|
+
|
91
|
+
} //ここで一気に最終ページに飛ぶように設定されています
|
92
|
+
|
93
|
+
type--; //クリックを一つずつ減らして行きます。0から
|
86
94
|
|
87
95
|
console.log(click)
|
88
96
|
|
89
|
-
if(click
|
97
|
+
if(click < 0) { //if文でクリック小なり0とし
|
90
|
-
|
98
|
+
|
91
|
-
click =
|
99
|
+
click = 3; //クリックが0より小さくなった場合、clickを3にするようにしてあります。
|
92
|
-
|
100
|
+
|
93
|
-
} //ここで一気に最終ページに飛ぶよう
|
101
|
+
} //ここで一気に最終ページに飛ぶよう設定されています
|
94
102
|
|
95
103
|
|
96
104
|
|
@@ -102,30 +110,6 @@
|
|
102
110
|
|
103
111
|
});
|
104
112
|
|
105
|
-
|
106
|
-
|
107
|
-
$('.is-prev').click(function(){ //is-prevがクリックされた時
|
108
|
-
|
109
|
-
click--; //クリックを一つずつ減らして行きます。0から
|
110
|
-
|
111
|
-
console.log(click)
|
112
|
-
|
113
|
-
if(click < 0) { //if文でクリック小なり0とし
|
114
|
-
|
115
|
-
click = 3; //クリックが0より小さくなった場合、clickを3にするようにしてあります。
|
116
|
-
|
117
|
-
} //ここで一気に最終ページに飛ぶよう設定されています
|
118
|
-
|
119
|
-
|
120
|
-
|
121
|
-
$('.slider-list').animate({ //slider-listがアニメーションするとき
|
122
|
-
|
123
|
-
left: click * -600 //右方向にクリック内の数かける画像の横幅分をズラしてスライドさせます。
|
124
|
-
|
125
|
-
}, 500); //0.5秒の速度で
|
126
|
-
|
127
|
-
});
|
128
|
-
|
129
113
|
</script>
|
130
114
|
|
131
115
|
</body>
|