HTML5キャンバス背景画像を別の画像に戻して戻す

Question

バックグラウンド画像をフェードアウトさせて、画像が輝いているように表示させようとしています。私が使用しているコードは画像をフェードしますが、最初の背景が完全に消えてから次の背景画像が表示されます。背景を短くすると背景が白くならずにフェードインまたはフェードインされます。

var currentPlay = 0; 
var playImages = []; 
playImages[0] = 'images/home/noglow.png'; 
playImages[1] = 'images/home/glow.png'; 

function changeImage() { 

    currentPlay++; 
    if (currentPlay > 1) currentPlay = 0; 

    $('#theImageToGlow').fadeOut(500, function() { 
     $('#theImageToGlow').css({ 
      'background-image': "url('" + playImages[currentPlay] + "')" 
     }); 

    }); 
    $('#theImageToGlow').fadeIn(500); 
    setTimeout(changeImage, 500); 
} 

<canvas id="theImageToGlow" ></canvas> 

Answer 1

fadeOut（）は常に0の不透明度にフェードします。代わりに.fadeTo（）を使用し、適切な宛先opactiyをパラメータとして設定する必要があります。