Multi-State Pre-Loader in Wix

In this lesson, you will learn how to add a pre-loader to your Wix websites using multi-state boxes.

---

$w.onReady(function(){

$w('#mediaPlayer1').onEnded(()=>{
	$w('#PreloaderStateBox').changeState("Intro");
});

$w('#button1').onClick(()=>{
	$w('#PreloaderStateBox').changeState("Expanded");
});

$w('#button20').onClick(()=>{
	$w('#PreloaderStateBox').changeState("Intro");
});

});

---

Make sure if your elements have different names, that you change them to match the code. Or visa versa.

Have Fun!