回答編集履歴

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

MineoOkuda

MineoOkuda score 89

2015/09/18 18:52  投稿

```ここに言語を入力
$(".topBanner").fadeIn('fast',function(){
   $(this).owlCarousel({
       items : 1,
       itemsDesktop : [1199,1], 
       itemsDesktopSmall : [980,1],
       itemsTablet: [768,1],
       itemsMobile : [479,1],
       lazyLoad : false,
       navigation : true,
       responsive: true,
       autoHeight : true,
       autoPlay: 5500,
       stopOnHover : true,
       slideSpeed : 1000,
   });
$(window).on('load',function(){
   $(".topBanner").fadeIn('slow',function(){
       $(this).owlCarousel({
           items : 1,
           itemsDesktop : [1199,1], 
           itemsDesktopSmall : [980,1],
           itemsTablet: [768,1],
           itemsMobile : [479,1],
           lazyLoad : false,
           navigation : true,
           responsive: true,
           autoHeight : true,
           autoPlay: 5500,
           stopOnHover : true,
           slideSpeed : 1000,
       });
   })
})
```
こうですかね?
[http://js.studio-kingdom.com/jquery/effects/fade_in](http://js.studio-kingdom.com/jquery/effects/fade_in)
jQueryのアニメーション系の関数にはcallbackが用意されています。
アニメーション終了後に実行される関数を指定してあげるとうまくいくと思います。
アニメーション終了後に実行される関数を指定してあげるとうまくいくと思います。

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る