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

回答編集履歴

1

追記

2017/12/31 10:45

投稿

karamarimo
karamarimo

スコア2555

answer CHANGED
@@ -1,3 +1,20 @@
1
1
  画像の読み込みが完了すると`load`イベントが発生するので、その時に`fadeIn`すればいいのではないでしょうか。
2
2
 
3
- [demo(JSFiddle)](https://jsfiddle.net/karamarimo/kcnfLtaq/2/)
3
+ [demo(JSFiddle)](https://jsfiddle.net/karamarimo/kcnfLtaq/2/)
4
+
5
+
6
+ ### 追記
7
+
8
+ 今の場合こうすればいいのではないでしょうか。
9
+
10
+ ```js
11
+ $.ajax({ ... }).done((data) => {
12
+ const $img = $(data);
13
+ $('#slider').append($img);
14
+ sliderMotion();
15
+ $img.on('load', () => {
16
+ $('#loading').remove();
17
+ $('#main-cont').fadeIn(1000);
18
+ });
19
+ })
20
+ ```