Using Javascript to fade background colour

May 20, 2021

Hi all

I've been playing with triggering JS to change the browser background colour. Opens up some really great possibilities for seamless players.


However, I would like to learn how to have JS on one slide to change the colour, then repeat the trigger on the next slide with a new colour.


Using the current method, the change between slides is very abrupt. Is there a way to get it to fade between the two colours? 

PS here is a link to the Solid Colour tutorial I followed:,Use%20the%20code%20below%20on%20an,document,

6 Replies
Math Notermans

A few ways to get this done. First you could use a variable to hold the color. Then on loading/showing the new page you could change that variable with your new color and then it will change. However to create a smooth color transition you also need a way to make the page transition triggered smooth. Might be possible by using Storyline's page transitions. My curious mind is triggered now, so experimenting with it.

Martin Sinclair

Hey Math! Thanks for replying!

That's pretty much the point I am at. I have a trigger to run JS when a slide starts, so I can get the colours I desire on each slide. But the fade is holding me back. 

The in-built transition works fine for everything contained within the slide but not for the background browser colour. Will reply here if I crack it....