質問編集履歴
9
説明文をわかりやすくしました
test
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
小画面のときの画像3枚と大画面のときの画像3枚をjQueryで入れ替えました。しかし入れ替えた3枚の画像をSwiperでフェードイン・フェードアウトさせ
|
|
1
|
+
小画面のときの画像3枚と大画面のときの画像3枚をjQueryで入れ替えました。しかし入れ替えた3枚の画像をSwiperでフェードイン・フェードアウトさせようとしても上手く表示されません。
|
test
CHANGED
|
File without changes
|
8
タイトルを変更しました。
test
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
小画面のときの画像と大画面のときの画像をjQueryで入れ替え
|
|
1
|
+
小画面のときの画像3枚と大画面のときの画像3枚をjQueryで入れ替えました。しかし入れ替えた3枚の画像をSwiperでフェードイン・フェードアウトさせたのですが、うまくいきません。
|
test
CHANGED
|
@@ -174,7 +174,7 @@
|
|
|
174
174
|
|
|
175
175
|
top-image-1.png
|
|
176
176
|
|
|
177
|
-
|
|
177
|
+
となり、小画面時に表示される画像も配置されていました。
|
|
178
178
|
|
|
179
179
|
|
|
180
180
|
|
7
説明文をわかりやすくしました
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -2,7 +2,11 @@
|
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
|
|
5
|
+
ただし、画像は1種類のみを使うのではなく、小画面のときと大画面のときとで使う画像を分けます。
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
|
|
5
|
-
|
|
9
|
+
小画面のときに使う画像は
|
|
6
10
|
|
|
7
11
|
top-image-1.png
|
|
8
12
|
|
|
@@ -10,11 +14,11 @@
|
|
|
10
14
|
|
|
11
15
|
top-image-3.png
|
|
12
16
|
|
|
13
|
-
の3
|
|
17
|
+
の3つであり、この3つをSwiperでフェードイン・フェードアウトさせます。
|
|
14
18
|
|
|
15
19
|
|
|
16
20
|
|
|
17
|
-
大画面のときは
|
|
21
|
+
これに対して大画面のときは
|
|
18
22
|
|
|
19
23
|
top-image-4.png
|
|
20
24
|
|
|
@@ -22,15 +26,15 @@
|
|
|
22
26
|
|
|
23
27
|
top-image-6.png
|
|
24
28
|
|
|
25
|
-
の3
|
|
29
|
+
の3つをフェードイン・フェードアウトさせます。
|
|
26
30
|
|
|
27
31
|
|
|
28
32
|
|
|
29
|
-
小画面と大画面の
|
|
33
|
+
小画面のときと大画面のときの画像の切り替えは、jQueryで行います。
|
|
30
34
|
|
|
31
35
|
|
|
32
36
|
|
|
33
|
-
|
|
37
|
+
これをふまえて次のようなコードを書きました。
|
|
34
38
|
|
|
35
39
|
```HTML
|
|
36
40
|
|
6
タイトルを変更しました。
test
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
小画面のときの画像と大画面のときの画像をjQueryで入れ替え、さらにSwiperを使って画像をフェードイン・フェードアウトさせたい
|
|
1
|
+
小画面のときの画像と大画面のときの画像をjQueryで入れ替え、さらにSwiperを使って画像をフェードイン・フェードアウトさせたいが上手くいかない
|
test
CHANGED
|
File without changes
|
5
説明文をわかりやすくしました
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
|
|
11
11
|
top-image-3.png
|
|
12
12
|
|
|
13
|
-
の3枚を
|
|
13
|
+
の3枚を使い
|
|
14
14
|
|
|
15
15
|
|
|
16
16
|
|
|
@@ -22,7 +22,7 @@
|
|
|
22
22
|
|
|
23
23
|
top-image-6.png
|
|
24
24
|
|
|
25
|
-
の3枚を
|
|
25
|
+
の3枚を使います。
|
|
26
26
|
|
|
27
27
|
|
|
28
28
|
|
4
説明文をわかりやすくしました
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -112,7 +112,7 @@
|
|
|
112
112
|
|
|
113
113
|
```JavaScript
|
|
114
114
|
|
|
115
|
-
// Swiper
|
|
115
|
+
// Swiperによるフェードイン・フェードアウト
|
|
116
116
|
|
|
117
117
|
let mySwiper = new Swiper('.swiper-container', {
|
|
118
118
|
|
3
説明文をわかりやすくしました
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
|
|
5
|
-
画像は小画面のとき
|
|
5
|
+
画像は小画面のときは
|
|
6
6
|
|
|
7
7
|
top-image-1.png
|
|
8
8
|
|
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
|
|
15
15
|
|
|
16
16
|
|
|
17
|
-
大画面のとき
|
|
17
|
+
大画面のときは
|
|
18
18
|
|
|
19
19
|
top-image-4.png
|
|
20
20
|
|
2
タイトルを変更しました。
test
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
Swiperを使って画像を
|
|
1
|
+
小画面のときの画像と大画面のときの画像をjQueryで入れ替え、さらにSwiperを使って画像をフェードイン・フェードアウトさせたい
|
test
CHANGED
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
|
|
11
11
|
top-image-3.png
|
|
12
12
|
|
|
13
|
-
の3枚を
|
|
13
|
+
の3枚をフェードさせ、
|
|
14
14
|
|
|
15
15
|
|
|
16
16
|
|
|
@@ -22,7 +22,7 @@
|
|
|
22
22
|
|
|
23
23
|
top-image-6.png
|
|
24
24
|
|
|
25
|
-
の3枚を
|
|
25
|
+
の3枚をフェードさせます。
|
|
26
26
|
|
|
27
27
|
|
|
28
28
|
|
1
説明文をわかりやすくしました
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
Swiperを使ってフェードイン、フェードアウトで自動で画像を切り替えようとしています。
|
|
1
|
+
Swiper（バージョンは5.3.1）を使ってフェードイン、フェードアウトで自動で画像を切り替えようとしています。
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
|