locked
aspx transitions RRS feed

 > 

  • Question

  • Question
    Sign in to vote
    0
    Sign in to vote
    User-714272699 posted

    im not sure if this is the best place to ask this question, but any help will be greatly appreciated

    i have an aspx page that runs java to transition the pages

     var bgImageArray = ["New/BG7.jpg", "New/BG8.jpg", "New/BG9.jpg", "New/BG10.jpg", "New/BG11.jpg", "New/BG12.jpg", "New/BG13.jpg"],
                secs = 10; // 5 mins = 300
            bgImageArray.forEach(function (img) {
                new Image().src = img;
                // caches images, avoiding white flash between background replacements
            });

            function backgroundSequence() {
                //window.clearTimeout();
                var k = 0;
                for (i = 0; i < bgImageArray.length; i++) {
                    setTimeout(function () {
                        document.documentElement.style.background = "url(" + bgImageArray[k] + ") no-repeat center center fixed";
                        document.documentElement.style.backgroundSize = "cover";
                         document.documentElement.style.transition = "3s";
                        if ((k + 1) === bgImageArray.length) { setTimeout(function () { backgroundSequence() }, (secs * 1000)) } else { k++; }
                    }, (secs * 1000) * i)
                }
            }

    this adds a transition to the style of the background

    document.documentElement.style.transition = "3s";

    in chrome this works amazingly and looks really good however IE11 hates it and just ignores the transition element

    i have inspected both of these when they have been in the browsers and the code applies the same way so i don't understand why they dont behave the same

    Thanks in Advance

    Friday, March 1, 2019 11:40 AM

All replies