Simple Animation with Show Hide

Ask the community
,
8

Try something like this (easier to read and manage):

setTimeout(function(){ $w('#image1').show(); }, 0); // show image1 after 0ms
setTimeout(function(){ $w('#image1').hide(); }, 400); // hide image1 after 400ms
setTimeout(function(){ $w('#image2').show(); }, 400); // show image2 after 400ms
setTimeout(function(){ $w('#image2').hide(); }, 800); // hide image2 after 800ms
setTimeout(function(){ $w('#image3').show(); }, 800); // show image3 after 800ms
setTimeout(function(){ $w('#image3').hide(); }, 1200); // hide image3 after 1200ms
setTimeout(function(){ $w('#image4').show(); }, 1200); // show image4 after 1200ms
setTimeout(function(){ $w('#image4').hide(); }, 1600); // hide image4 after 1600ms