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

質問編集履歴

7

追記

2017/02/22 09:55

投稿

miyoshi_work
miyoshi_work

スコア69

title CHANGED
File without changes
body CHANGED
@@ -154,7 +154,8 @@
154
154
  (画像は時間でのループですが手動で動かしても同じように動作します。)
155
155
 
156
156
  動作環境
157
+ iPhone6S iOS 10.2.1
157
158
 
158
159
  MAC ver10.11.3
159
- [Googlechrome ver 56.0.2924.87]
160
+ Googlechrome ver 56.0.2924.87
160
- [FireFox ver 51.0.1]
161
+ FireFox ver 51.0.1

6

追記

2017/02/22 09:55

投稿

miyoshi_work
miyoshi_work

スコア69

title CHANGED
File without changes
body CHANGED
@@ -156,5 +156,5 @@
156
156
  動作環境
157
157
 
158
158
  MAC ver10.11.3
159
- [Googlechrome ver 56.0.2924.87]
159
+ [Googlechrome ver 56.0.2924.87]
160
- [FireFox ver 51.0.1]
160
+ [FireFox ver 51.0.1]

5

追記

2017/02/22 09:51

投稿

miyoshi_work
miyoshi_work

スコア69

title CHANGED
File without changes
body CHANGED
@@ -151,4 +151,10 @@
151
151
 
152
152
  ([http://htmledit.squarefree.com/](http://htmledit.squarefree.com/))に、下記でいただいた
153
153
  コードを貼り付けた際の動作をキャプチャしたものです。
154
- (画像は時間でのループですが手動で動かしても同じように動作します。)
154
+ (画像は時間でのループですが手動で動かしても同じように動作します。)
155
+
156
+ 動作環境
157
+
158
+ MAC ver10.11.3
159
+ [Googlechrome ver 56.0.2924.87]
160
+ [FireFox ver 51.0.1]

4

追記

2017/02/22 09:49

投稿

miyoshi_work
miyoshi_work

スコア69

title CHANGED
File without changes
body CHANGED
@@ -13,6 +13,8 @@
13
13
 
14
14
  [動作サンプル(codepen)](http://codepen.io/mmm-mimo/pen/wJwvmg)
15
15
 
16
+
17
+
16
18
  これをきちんと一巡目と同じように
17
19
 
18
20
  最初のスライド → テキスト02 → 最後のスライド
@@ -141,4 +143,12 @@
141
143
  クロームのデベロッパーでデバイスを指定して確認すると
142
144
  スライドが全体的に小さくなってしまっています。(実機で確認した際には問題なし)
143
145
 
144
- この件に関してはまた新規で質問を立てるかもしれません。
146
+ この件に関してはまた新規で質問を立てるかもしれません。
147
+
148
+ ######補足追記 18:27
149
+
150
+ ![イメージ説明](96aa0b4d2d445051959386d907df629b.gif)
151
+
152
+ ([http://htmledit.squarefree.com/](http://htmledit.squarefree.com/))に、下記でいただいた
153
+ コードを貼り付けた際の動作をキャプチャしたものです。
154
+ (画像は時間でのループですが手動で動かしても同じように動作します。)

3

更新

2017/02/22 09:40

投稿

miyoshi_work
miyoshi_work

スコア69

title CHANGED
File without changes
body CHANGED
@@ -115,8 +115,24 @@
115
115
  また、optionで`effect`を指定してない時には
116
116
  きちんとループするのを確認しております。
117
117
 
118
+ ######追記 15:55
119
+
120
+ [動作サンプル02(codepen)](http://codepen.io/mmm-mimo/pen/LWPpev)
121
+
122
+ スクリプトの読み込みを一番最後に、
123
+ 変更して、
124
+ オプションを
125
+ ```
126
+ cube: {
127
+ shadow: true,
128
+ slideShadows: false,
129
+ }
130
+ ```
131
+ に変更したところ、希望の動作になりました。
132
+ しかしshadow: false に変えると
133
+ またおかしな動作になってしまいます…
134
+
118
135
  ###補足情報
119
-
120
136
  firefoxで見た際には特に問題なさそうなのですが、
121
137
  最初のスライドから、最後のスライドに移動しようと手動でスライドさせると
122
138
  最後のスライドが表示されて欲しいのに、最初のスライドが表示されてしまいます。

2

修正

2017/02/22 07:04

投稿

miyoshi_work
miyoshi_work

スコア69

title CHANGED
@@ -1,1 +1,1 @@
1
- 【jQuery】[Swiper.js] ”effect: 'cube'” かつ ”loop: true” を指定すると、ループした際に最後のスライドが一枚目に表示されてしまう
1
+ 【jQuery】[Swiper.js] ループした際に最後のスライドが一枚目に表示されてしまう
body CHANGED
@@ -5,6 +5,7 @@
5
5
 
6
6
  ###発生している問題・エラーメッセージ
7
7
 
8
+ オプションを、”effect: 'cube'” かつ ”loop: true” を指定すると、
8
9
  自動再生・手動でのスライドともに、
9
10
  一巡目は問題ないのですが、
10
11
  二巡目のループの一枚目のスライドを表示させると、

1

誤字

2017/02/22 04:18

投稿

miyoshi_work
miyoshi_work

スコア69

title CHANGED
@@ -1,1 +1,1 @@
1
- 【jQuery】[Swiper.js] ”effect: 'cube'” かつ ”loop: true” を指定すると、ループした際に一番最後スライドが最初に表示されてしまう
1
+ 【jQuery】[Swiper.js] ”effect: 'cube'” かつ ”loop: true” を指定すると、ループした際に最後スライドが一枚目に表示されてしまう
body CHANGED
File without changes