HTML5 холст фоновое изображение исчезает на другое изображение и обратно - PullRequest
Новая
       31

HTML5 холст фоновое изображение исчезает на другое изображение и обратно

0 голосов
/ 19 января 2012

Я пытаюсь затемнить фоновое изображение, чтобы оно появилось, когда изображения светятся. Код, который я использую, затухает изображение, но заставляет первый фон полностью исчезать, прежде чем он показывает следующее фоновое изображение, которое я пытаюсь заставить его исчезать и исчезать, не оставляя фон пустым в течение короткого момента. 

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>

1 Ответ

1 голос
/ 20 января 2012

fadeOut () всегда будет исчезать до 0 непрозрачности.Вместо этого следует использовать .fadeTo () и установить в качестве параметра соответствующую целевую непрозрачность.

...