Splash screen to startup straight away


#1

Hi Guy,

www.surplusanywhere.com/dubai2

I have a couple of 3D walk through frames which take a while to load up. ( Menu - Home).

So I created a splash form screen with simple SVG animation and set this to be the first form.

I was hoping this would load first while the rest is catching up.

Is this possible to achieve ?

Cheers

Steve Warby


#2

How are the 3D walk through frames being loaded?


#3

Using html with

<iframe width="100%" height="500" src="https://my.matterport.com/show/?m=H26hek9kPst&play=1&brand=0&help=0&mls=0&qs=1&title=0" allowfullscreen allow="vr"></iframe>

#4

I would try this…

  • Add an id=myIframe attribute to the iframe.
  • Leave src empty at first.
  • Set myIframe.src = “https…” after startup is complete.

#5

Thanks,

I use this in the ned.

imageSplash.onload=function(){
       setTimeout(  function()   {
      ChangeForm(formHome, "fade", "fade", 1800);
      }, 10000); 
       setTimeout(  function()   {
      HTMLAprt1.innerHTML = '<iframe width="100%" height="500" src="https://my.matterport.com/show/?m=qU6UfdUjRKk&play=1&brand=0&help=0&mls=0&qs=1&title=0" allowfullscreen allow="vr"></iframe>';
      HTMLAprt2.innerHTML =  '<iframe width="100%" height="500" src="https://my.matterport.com/show/?m=H26hek9kPst&play=1&brand=0&help=0&mls=0&qs=1&title=0" allowfullscreen allow="vr"></iframe>'
}, 5000); 

   
}

This allowed enough time for the animated svg image to play a couple of times then fade to the home page.

Without the delays the loading of the 3D stuff messed with the playing svg animation.

Cheers

Steve Warby