Background Slideshow/Rotation?

I recently stumbled upon this topic about a banner slideshow, and was wondering if there was a way to do that to the background? I originally wanted something that would change it depending on the time of day, but I feel like this would be easier and probably save others some time.

So, is there a way to make a background slideshow? I have a phpBB3 forum.

Bump?

Bump

If it helps, it could also just be a way where it changes depending on the page or just changes every page/reload.

Bump

Bump

If there is no solution to this, I'd really like to be told so

test change Background body.

Code:

body {
    animation: colorBackground 20s infinite; /* Chrome, Firefox 16+, IE 10+, Opera 12.10+ */
    -webkit-animation: colorBackground 20s infinite; /* Chrome, Safari 5+ */
      -moz-animation: colorBackground 20s infinite; /* Firefox 5-15 */
        -o-animation: colorBackground 20s infinite; /* Opera 12.00 */
}/* change background */
@keyframes colorBackground {
      0% { background-color: #fbcf61; color: #fbcf61; }
    20% { background-color: #6bd57e; color: #6bd57e; }
    40% { background-color: #ff6f6f; color: #ff6f6f; }
    60% { background-color: #57cff4; color: #57cff4; }
    80% { background-color: #0ed4c8; color: #0ed4c8; }
    100% { background-color: #fbcf61; color: #fbcf61; }
}
@-webkit-keyframes colorBackground {
      0% { background-color: #fbcf61; color: #fbcf61; }
    20% { background-color: #6bd57e; color: #6bd57e; }
    40% { background-color: #ff6f6f; color: #ff6f6f; }
    60% { background-color: #57cff4; color: #57cff4; }
    80% { background-color: #0ed4c8; color: #0ed4c8; }
    100% { background-color: #fbcf61; color: #fbcf61; }
}
@-moz-keyframes colorBackground {
      0% { background-color: #fbcf61; color: #fbcf61; }
    20% { background-color: #6bd57e; color: #6bd57e; }
    40% { background-color: #ff6f6f; color: #ff6f6f; }
    60% { background-color: #57cff4; color: #57cff4; }
    80% { background-color: #0ed4c8; color: #0ed4c8; }
    100% { background-color: #fbcf61; color: #fbcf61; }
}
@-o-keyframes colorBackground {
      0% { background-color: #fbcf61; color: #fbcf61; }
    20% { background-color: #6bd57e; color: #6bd57e; }
    40% { background-color: #ff6f6f; color: #ff6f6f; }
    60% { background-color: #57cff4; color: #57cff4; }
    80% { background-color: #0ed4c8; color: #0ed4c8; }
    100% { background-color: #fbcf61; color: #fbcf61; }
}

I tried it but it seems it's not working for me. Just to be clear, what does it go under (CSS, JS, Html)? And it's for a phpBB3 forum, correct? Also, would there be a way to have it for image links instead of colors? (Although colors could work if it's not possible)

Thank you for trying to help!

Bump

Bump

And actually looking at it now that code is working for the mobile version

@Kfalash ACP > Display > Colors > CSS Stylesheet

Add this code:

Code:

#wrap { background: none; }

.conteneur_container_IE { animation: ss 5s infinite; }

@keyframes ss {
    0% { background-image: url('http://2img.net/i/fa/empty.gif'); }
    25% { background-image: url('http://2img.net/i/fa/empty.gif'); }
    50% { background-image: url('http://2img.net/i/fa/empty.gif'); }
    75% { background-image: url('http://2img.net/i/fa/empty.gif'); }
    100% { background-image: url('http://2img.net/i/fa/empty.gif'); }
}

I'm sorry I'm being lazy but if you want them to be randomized, I'll gladly do that. Otherwise this should work.

And the code above is for 5 images, if you want more/less then just let me know.