質問編集履歴
5
修正をしました
test
CHANGED
File without changes
|
test
CHANGED
@@ -107,3 +107,15 @@
|
|
107
107
|
|
108
108
|
|
109
109
|
```
|
110
|
+
|
111
|
+
|
112
|
+
|
113
|
+
3/8追記:ご回答いただいた方々へ。大変感謝しております。
|
114
|
+
|
115
|
+
まだ解決には至ってはいないのですが、今の自分のJavaScriptの理解度だとまだ何も出来ないしせっかくいただいたコードを読む事も出来ないと感じました。
|
116
|
+
|
117
|
+
これからもっと勉強をして再度質問が出来たらと思います。
|
118
|
+
|
119
|
+
|
120
|
+
|
121
|
+
本当にありがとうございます。お手数をおかけして大変申し訳ございませんでした。
|
4
修正をしました
test
CHANGED
File without changes
|
test
CHANGED
@@ -1,18 +1,10 @@
|
|
1
1
|
現在トップに画像をバラバラに表示させて全ての表示が終わったらfadeOutするようにしているのですが、
|
2
2
|
|
3
|
-
fadeOutの処理が終わった後にまた別の要素(.
|
3
|
+
fadeOutの処理が終わった後にまた別の要素(.クラス名)を順番に表示させる方法が分かる方はいらっしゃいますでしょうか?
|
4
4
|
|
5
5
|
|
6
6
|
|
7
|
-
今現在の状態ですと、始めに.topで画像をバラバラに表示させている間にもう裏で既に.contentsが動いているようなのです。
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
今回は.topがfadeOutした後に.contentsを表示させ新たなアニメーションの処理を順番にしたいという状態です。
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
7
|
+
今回は.topがfadeOutした後に.contentsをfadeInさせるといったような事が出来るといいのですが。
|
16
8
|
|
17
9
|
|
18
10
|
|
@@ -33,6 +25,8 @@
|
|
33
25
|
<li><img src="3.jpg"></li>
|
34
26
|
|
35
27
|
</div>
|
28
|
+
|
29
|
+
|
36
30
|
|
37
31
|
|
38
32
|
|
@@ -98,7 +92,7 @@
|
|
98
92
|
|
99
93
|
$('.top').fadeOut(2000);
|
100
94
|
|
101
|
-
}, 1000);
|
95
|
+
}, 1000);
|
102
96
|
|
103
97
|
}
|
104
98
|
|
@@ -108,6 +102,8 @@
|
|
108
102
|
|
109
103
|
|
110
104
|
|
105
|
+
.contentsに関してはどこに書けばいいのかが分からなかった為、まだ書いていません。
|
106
|
+
|
111
107
|
|
112
108
|
|
113
109
|
```
|
3
修正をしました
test
CHANGED
File without changes
|
test
CHANGED
@@ -37,6 +37,10 @@
|
|
37
37
|
|
38
38
|
|
39
39
|
<div class="contents"></div>
|
40
|
+
|
41
|
+
|
42
|
+
|
43
|
+
<div class="contents2"></div>
|
40
44
|
|
41
45
|
|
42
46
|
|
2
修正をしました
test
CHANGED
File without changes
|
test
CHANGED
@@ -9,6 +9,14 @@
|
|
9
9
|
|
10
10
|
|
11
11
|
今回は.topがfadeOutした後に.contentsを表示させ新たなアニメーションの処理を順番にしたいという状態です。
|
12
|
+
|
13
|
+
|
14
|
+
|
15
|
+
例えば.topがfadeOutしたあとに.contentsをfadeInさせるといったような事が出来るといいのですが。
|
16
|
+
|
17
|
+
|
18
|
+
|
19
|
+
そして次は.contentsがfadeOutしたあとにまた新たな要素を表示させるという風に出来れば一番ありがたいです。
|
12
20
|
|
13
21
|
|
14
22
|
|
1
修正をしました
test
CHANGED
File without changes
|
test
CHANGED
@@ -1,6 +1,38 @@
|
|
1
1
|
現在トップに画像をバラバラに表示させて全ての表示が終わったらfadeOutするようにしているのですが、
|
2
2
|
|
3
|
-
fadeOutの処理が終わった後にまた別の要素を順番に表示させる方法が分かる方はいらっしゃいますでしょうか?
|
3
|
+
fadeOutの処理が終わった後にまた別の要素(.contents)を順番に表示させる方法が分かる方はいらっしゃいますでしょうか?
|
4
|
+
|
5
|
+
|
6
|
+
|
7
|
+
今現在の状態ですと、始めに.topで画像をバラバラに表示させている間にもう裏で既に.contentsが動いているようなのです。
|
8
|
+
|
9
|
+
|
10
|
+
|
11
|
+
今回は.topがfadeOutした後に.contentsを表示させ新たなアニメーションの処理を順番にしたいという状態です。
|
12
|
+
|
13
|
+
|
14
|
+
|
15
|
+
```HTML
|
16
|
+
|
17
|
+
|
18
|
+
|
19
|
+
<div class="top">
|
20
|
+
|
21
|
+
<li><img src="1.jpg"></li>
|
22
|
+
|
23
|
+
<li><img src="2.jpg"></li>
|
24
|
+
|
25
|
+
<li><img src="3.jpg"></li>
|
26
|
+
|
27
|
+
</div>
|
28
|
+
|
29
|
+
|
30
|
+
|
31
|
+
<div class="contents"></div>
|
32
|
+
|
33
|
+
|
34
|
+
|
35
|
+
```
|
4
36
|
|
5
37
|
|
6
38
|
|