Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Intro Video / Animated logo


Recommended Posts

Site URL: https://octagon-garlic-ejcr.squarespace.com/

Hello friends,


I was wondering if it was possible to have an intro video that will enable before accessing directly to the main website page. 

So basically when people enter my website : 


1/ An animated logo launch
2/ At the end of the logo, the website unfolds. 

Also was wondering what size is usually recommended for this kind of intro. 

Thanks !


 

 

Link to post
  • Replies 5
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Popular Posts

Add to Code Injection Footer <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script> <div class="logoload"></div> <style> .logoload {

add to Homepage Settings > Advanced > Header

Add to Code Injection Footer

<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: #fff;
  /* SET BACKGROUND SIZE */
  background-size: 90px;
  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/5d2b34d977f80900014edb0d/t/5db97e10780a6c1bc1b16e3e/1572427397438/?format=1500w");
}
</style>
<script type="text/javascript">
$(window).load(function() {
    $(".logoload").delay(500).fadeOut("slow");
})
</script>

Replace with your logo url

You can send your question to my email to get detail answer. / How to Setup Password & Share URL 

-- Pour your heart into it

Link to post

Hey Tuanphan, 


Thanks again for your precious help, so your code works perfectly with a picture or a gif image. 

But is it possible with a video file  ?

Cheers !

Link to post
6 hours ago, Satori2046 said:

Hey Tuanphan, 


Thanks again for your precious help, so your code works perfectly with a picture or a gif image. 

But is it possible with a video file  ?

Cheers !

You can convert video to gif

Will take time to check code for video, and it's outside the free support range at the forum.

You can also post this to some groups at the link in my signature, hoping someone will have the code.

You can send your question to my email to get detail answer. / How to Setup Password & Share URL 

-- Pour your heart into it

Link to post
  • 1 month later...

Create an account or sign in to comment

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


×
×
  • Create New...