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

回答編集履歴

1

しっかり読んでいませんでした。

2015/09/18 09:52

投稿

MineoOkuda
MineoOkuda

スコア89

answer CHANGED
@@ -1,23 +1,26 @@
1
1
  ```ここに言語を入力
2
+ $(window).on('load',function(){
2
- $(".topBanner").fadeIn('fast',function(){
3
+ $(".topBanner").fadeIn('slow',function(){
3
- $(this).owlCarousel({
4
+ $(this).owlCarousel({
4
- items : 1,
5
+ items : 1,
5
- itemsDesktop : [1199,1],
6
+ itemsDesktop : [1199,1],
6
- itemsDesktopSmall : [980,1],
7
+ itemsDesktopSmall : [980,1],
7
- itemsTablet: [768,1],
8
+ itemsTablet: [768,1],
8
- itemsMobile : [479,1],
9
+ itemsMobile : [479,1],
9
- lazyLoad : false,
10
+ lazyLoad : false,
10
- navigation : true,
11
+ navigation : true,
11
- responsive: true,
12
+ responsive: true,
12
- autoHeight : true,
13
+ autoHeight : true,
13
- autoPlay: 5500,
14
+ autoPlay: 5500,
14
- stopOnHover : true,
15
+ stopOnHover : true,
15
- slideSpeed : 1000,
16
+ slideSpeed : 1000,
16
- });
17
+ });
18
+ })
17
19
  })
18
20
  ```
19
21
  こうですかね?
20
22
 
21
23
  [http://js.studio-kingdom.com/jquery/effects/fade_in](http://js.studio-kingdom.com/jquery/effects/fade_in)
22
24
  jQueryのアニメーション系の関数にはcallbackが用意されています。
23
- アニメーション終了後に実行される関数を指定してあげるとうまくいくと思います。
25
+ アニメーション終了後に実行される関数を指定してあげるとうまくいくと思います。
26
+