JQueryのCSS移行へのフェードバックアップ - Modernizr

Question

CSSトランジションを使用してイメージギャラリーを作成しました。 CSS遷移をmodernizrプラグインによってpicekd upとして使用できない場合は、デフォルトでフェードインとフェードアウトの効果があります。この効果は全く働いていません。誰でもコードの問題を見ることができます。 CSS3のバージョンは完全に機能しています。

EDIT

私は、Web-キットがどのように機能するかに似addClassとremoveClassにそれをリメイクしています。 JQuery関数はコンソールエラーなしで機能するようになりました。それは特に流動的ではありません。 CSS-3のトランジションでは、ユーザーが複数のサムネイルをクリックすると、効果の途中であっても画像がゆっくりと変化します。 JQueryの縫い目が詰まってジャンプし始めます。

これに関するアイデア。

var timerp = null; 
     var nextslide; 


     if(!Modernizr.csstransitions) { 
      $('.thumbs').click(function() { 
     if (timerp) { 
      window.clearInterval(timerp); 
     } 
     $('.cornerimgfocus').removeClass('cornerimgfocus',{queue:true,duration:2000}); 
     $('#P' + $(this).attr('id')).addClass('cornerimgfocus',{queue:true,duration:2000}); 
     gallery(); 
    }); 
     function gallery() { 
      timerp = window.setInterval(function() { 
       var islide = $('.cornerimgfocus'); 
       islide.removeClass('cornerimgfocus',{queue:true,duration:2000}); 

       if (islide[0] == $('.cornerimg:last')[0]) { 
        nextslide = $('.cornerimg').first(); 
       } else { 
        nextslide = islide.next(); 
       }; 
       nextslide.addClass('cornerimgfocus',{queue:true,duration:2000}); 
      }, 6000); 
     } 
} 
     else { 
     $('.thumbs').click(function() { 
     if (timerp) { 
      window.clearInterval(timerp); 
     } 
     $('.cornerimgfocus').removeClass('cornerimgfocus'); 
     $('#P' + $(this).attr('id')).addClass('cornerimgfocus'); 
     gallery(); 
    }); 

     function gallery() { 
      timerp = window.setInterval(function() { 
       var islide = $('.cornerimgfocus'); 
       islide.removeClass('cornerimgfocus'); 

       if (islide[0] == $('.cornerimg:last')[0]) { 
        nextslide = $('.cornerimg').first(); 
       } else { 
        nextslide = islide.next(); 
       }; 
       nextslide.addClass('cornerimgfocus'); 
      }, 6000); 
     } 
} 

Answer 1

すべてがわかりました。

JQuery Image Gallery fading not always working and IE tragedy - solve a fiddle