jquery .animate durationを無視する

Question

私はリモート・イメージがロードされた後にフェードインしようとしています。うまくいきますが、何らかの理由でアニメーションの時間が無視され、不透明度が10〜15秒で変化しています。あなたのjsfiddleでCSSの

$(function(){ 
    var src = "myImageURL"; 
    var ele = $('.wrapper'); 
    ele.css('opacity', '0.0'); 
    var img = $('<img>', { 
     src: src 
    }).hide().appendTo(ele).on('load', function() { 
     ele.css('background-image', 'url('+src+')').show(); 
     ele.animate({ opacity: '1.0' }, 500, 'linear', function(){ 
      // Other unrelated code 
     }; 
    }); 
}); 

JSFIDDLE

Answer 1

、あなたが追加しているJavaScriptのベースのアニメーションオーバーライドしている15節の移行、設定している：

をこれらの問題のラインですが、それらを削除し、あなたが望んでいると説明したように動作します：

.wrapper { 
    -webkit-transition: all 15s ease-in; 
    -moz-transition: all 15s ease-in; 
    -o-transition: all 15s ease-in; 
    -ms-transition: all 15s ease-in; 
    transition: all 15s ease-in;