In this video, I'll go over how to add preloader animation to Squarespace. We'll go over either generating a loading animation from a website, or making a personalised pulsating logo in Photoshop.
The script you need to make this work 👇👇
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script>
$(window).load(function() {
show();
});
function show() {
$('.loader').delay(1000).hide();
$('body').fadeIn();
};
setTimeout(show, 3000);
</script>
<style>
.loader { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 9999; background: url('YOURURL') 50% 50% no-repeat rgb(249,249,249); }
</style>
