HTML5画布将背景图像褪色到另一个图像并返回

我想要来回褪色背景图像，以使其显示为图像发光。我使用的代码淡化了图像，但它导致第一个背景在显示下一个背景图像之前完全消失，我试图使其淡入淡出，而不会在短时间内使背景变为空白。HTML5画布将背景图像褪色到另一个图像并返回

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>

来源

2012-01-19 SeanStick

嗯奇怪......没有画布，你不显示如何调用changeImage（），你不显示swapPlayImages（）函数......并且你没有解释_exactly_你想要什么。 ..现在你希望有人能够帮助吗？ – devnull69

对不起，我错过了原帖的一些东西。我希望现在更容易理解。祝你今天愉快。 – SeanStick

fadeOut（）将始终消失为0不透明度。您应该使用.fadeTo（），并将适当的目标opactiy设置为参数。

来源

2012-01-20 07:53:36 devnull69

感谢您的帮助！ – SeanStick

HTML5画布将背景图像褪色到另一个图像并返回

回答

相关问题