teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

2

追加

2017/03/09 21:15

投稿

kyunta
kyunta

スコア350

answer CHANGED
@@ -6,4 +6,44 @@
6
6
  centeredSlides: false,
7
7
  initialSlide: 0,
8
8
 
9
- 後はこんな感じで上手くいかないでしょうか
9
+ 後はこんな感じで上手くいかないでしょうか
10
+
11
+ 「追加」
12
+ 3枚であれば一番簡単なのは下記のような感じでまとめてしまう事でしょうか
13
+
14
+ ```ここに言語を入力
15
+ <div class="swiper-slide">
16
+ <img src="dummy/dummy1.png" />
17
+ <img src="dummy/dummy2.png" />
18
+ </div>
19
+ <div class="swiper-slide">
20
+ <img src="dummy/dummy3.png" />
21
+ <img src="dummy/dummy1.png" />
22
+ </div>
23
+ <div class="swiper-slide">
24
+ <img src="dummy/dummy2.png" />
25
+ <img src="dummy/dummy3.png" />
26
+ </div>
27
+ ```
28
+
29
+ ```ここに言語を入力
30
+ slidesPerView: 1,
31
+ slidesPerGroup: 1,
32
+
33
+ ```
34
+
35
+ 後、イベントを拾って1つ進めるとか
36
+
37
+ ```ここに言語を入力
38
+ onSlideChangeEnd: function(swiper){
39
+ if(flg){
40
+ swiper.slideNext();
41
+ flg = false;
42
+ }else{
43
+ flg= true;
44
+ }
45
+ }
46
+
47
+ ```
48
+
49
+ 適当な場所にvar flg=false;

1

編集

2017/03/09 21:15

投稿

kyunta
kyunta

スコア350

answer CHANGED
@@ -1,6 +1,6 @@
1
1
  slidesPerGroup: 2,
2
2
  を2の場合は画像の枚数を偶数にしてください。
3
- 最後の枚数が上手く計算されないようです。
3
+ 最後の枚数が上手く計算されないようです。というかちゃんと枚数を計算した結果とも言えますけど。
4
4
  slidesPerView: 2,
5
5
  slidesPerGroup: 2,
6
6
  centeredSlides: false,