Jump to content

Recommended Posts

  • Replies 1
  • Views 157
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

This code also seems to be using the loading screen on every page.

I only want it to show up when customers first come to the website on the home page; is this possible please?

 

CODE IN USE:

Quote

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
<div class="logoload"></div>
<style>
.logoload {
  /* SET BACKGROUND COLOR */
  background-color: #000000;
  /* SET BACKGROUND SIZE */
  background-size: 300px;
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("https://static1.squarespace.com/static/6156ea185058352451e13c7b/t/61672c1b40cdc577d7e3951f/1634151451330/whiteSaladishy.png");
}
</style>
<script type="text/javascript">
$(window).load(function() {
    $(".logoload").delay(2000) .fadeOut(2000);
})
</script>

 

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.