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 faster answer. / How to Setup Password & Share URL 

-- I'm Tuan, work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. 

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 faster answer. / How to Setup Password & Share URL 

-- I'm Tuan, work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. 

Link to post
  • 1 month later...
4 hours ago, Brandijoan said:

@tuanphan  Thank you so much for this code! 

 

Is there anyway to make it play only on the homepage?

add to Homepage Settings > Advanced > Header

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

-- I'm Tuan, work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. 

Link to post

Create an account or sign in to comment

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


×
×
  • Create New...