質問編集履歴
3
内容を変更したい部分がありましたので変更しました
test
CHANGED
File without changes
|
test
CHANGED
@@ -8,7 +8,7 @@
|
|
8
8
|
### 質問をしたいことの内容
|
9
9
|
Swiperで1度に3枚の画像をスライドをしたいのですが
|
10
10
|
画像ではない1⃣のhtmlと1⃣のjsにしたとき画像がない状態の時と、仮に画像を入れても2枚にしたときは
|
11
|
-
ページネーションの番号と
|
11
|
+
ページネーションの番号と文字が正常に抜けがなく順番通りに出てくるのですが
|
12
12
|
画像を入れた2⃣のhtmlと2⃣のjsのように画像を3枚にすると
|
13
13
|
ナビゲーションのswiper-button-nextを押していくと
|
14
14
|
ページネーションの番号がとんで抜けてたり、画像もとんで抜けたりします。
|
2
コードを修正しました。
test
CHANGED
File without changes
|
test
CHANGED
@@ -51,26 +51,25 @@
|
|
51
51
|
<img src="ここに画像" alt="">
|
52
52
|
</div>
|
53
53
|
<div class="slide2 swiper-slide">
|
54
|
-
<img src="ここに画像" alt=""
|
54
|
+
<img src="ここに画像" alt="">
|
55
55
|
</div>
|
56
56
|
<div class=" slide3 swiper-slide">
|
57
|
-
<img src="ここに画像" alt=""
|
57
|
+
<img src="ここに画像" alt="">
|
58
58
|
</div>
|
59
59
|
<div class=" slide4 swiper-slide">
|
60
|
-
<img src="ここに画像" alt=""
|
60
|
+
<img src="ここに画像" alt="">
|
61
61
|
</div>
|
62
62
|
<div class=" slide5 swiper-slide">
|
63
|
-
<img src="ここに画像" alt=""
|
63
|
+
<img src="ここに画像" alt="">
|
64
64
|
</div>
|
65
65
|
<div class=" slide6 swiper-slide">
|
66
|
-
<img src="ここに画像" alt=""
|
66
|
+
<img src="ここに画像" alt="">
|
67
67
|
</div>
|
68
68
|
</div>
|
69
|
-
<div class="
|
69
|
+
<div class="swiper-pagination"></div>
|
70
|
-
</div>
|
71
70
|
<div class="swiper-button-prev"></div>
|
72
71
|
<div class="swiper-button-next"></div>
|
73
|
-
|
72
|
+
</div>
|
74
73
|
```
|
75
74
|
```js
|
76
75
|
1⃣js
|
@@ -108,8 +107,8 @@
|
|
108
107
|
|
109
108
|
navigation: {
|
110
109
|
nextEl: ".swiper-button-next",
|
111
|
-
prevEl: ".swiper-button-prev"
|
110
|
+
prevEl: ".swiper-button-prev"
|
112
|
-
|
111
|
+
},
|
113
112
|
|
114
113
|
pagination: {
|
115
114
|
el: ".swiper-pagination", //
|
1
タイトルと実現したいことを分かりにくかったので書き直しました
test
CHANGED
@@ -1 +1 @@
|
|
1
|
-
Swiperで
|
1
|
+
Swiperでページネーションの番号がとんで抜けてたり、画像もとんで抜けたりしてしまう
|
test
CHANGED
@@ -1,14 +1,15 @@
|
|
1
1
|
### 実現したいこと
|
2
|
-
|
2
|
+
画像を1度に2枚から3枚にすると、
|
3
|
-
|
3
|
+
ボタンを押していくとページネーションの番号がとんで抜けてたり、画像もとんで抜けたりしてしまうので、
|
4
|
+
ボタンを押すと分数の形のページ番号が順番にそして画像も抜けがなく順番に出てくるようにしたいです
|
4
5
|
### 前提
|
5
6
|
html js css
|
6
7
|
|
7
8
|
### 質問をしたいことの内容
|
8
9
|
Swiperで1度に3枚の画像をスライドをしたいのですが
|
9
|
-
画像ではない1⃣のhtmlとjsにしたときと画像を入れても2枚にしたときは
|
10
|
+
画像ではない1⃣のhtmlと1⃣のjsにしたとき画像がない状態の時と、仮に画像を入れても2枚にしたときは
|
10
|
-
ページネーションの番号と画像が正常に
|
11
|
+
ページネーションの番号と画像が正常に抜けがなく順番通りに出てくるのですが
|
11
|
-
画像を入れた2⃣のhtmlとjsのように画像を3枚にすると
|
12
|
+
画像を入れた2⃣のhtmlと2⃣のjsのように画像を3枚にすると
|
12
13
|
ナビゲーションのswiper-button-nextを押していくと
|
13
14
|
ページネーションの番号がとんで抜けてたり、画像もとんで抜けたりします。
|
14
15
|
1.2.3.4.5.6となるはずが例えば1.3.4.5.6と番号と画像です。
|