[HTML & JS] Animated gif stopt bij window.location

Pagina: 1
Acties:

Acties:
  • 0 Henk 'm!

Verwijderd

Topicstarter
Een simpele vraag maar ik heb geen idee of het op te lossen valt...

Ik heb in een pagina een animated gif staan (een loading afbeelding) die prima beweegt. Ook heb ik een setTimeout functie met hierin een window.location waarmee ik de bezoeker redirect naar een andere pagina na een bepaald aantal miliseconden. Ook dit werkt prima.

Nu zit ik alleen met 1 probleem.. de pagina waarna de window.location verwijst is een PHP pagina die nogal wat execution time nodig heeft... in de tussentijd wil ik wel dat dat loading plaatje netjes blijft bewegen maar deze stop op het moment dat ik window.location aanroep...

Is dit op te lossen of is dit iets in de browser waar ik niets aan kan doen?

Acties:
  • 0 Henk 'm!

  • OkkE
  • Registratie: Oktober 2000
  • Laatst online: 04-09 08:16

OkkE

CSS influencer :+

Ik heb al vaker over dit probleem gehoord. Zelf nog nooit mee te maken gehad, maar schijnbaar kun je direct na de window.location via javascript opnieuw de source van je gif toewijzen, waardoor deze weer beweegd.
I ran into the same problem way back using classic ASP. As soon as you submit
a page, the animated gif stops doing it's stuff.
The simplest solution is to use client sided javascript to preload the image
and reset the source of the image after you submit the form (or
location.replace):
//preload images when that page loads
var preloadedImg = new Image(32,32);
preloadedImg.src = 'images\img.gif';

//then comes the redirect or form submit or whatever
location.replace;
document.images['imageTag'].src=preloadedImg.src;

“The best way to get the right answer on the Internet is not to ask a question, it's to post the wrong answer.”
QA Engineer walks into a bar. Orders a beer. Orders 0 beers. Orders 999999999 beers. Orders a lizard. Orders -1 beers.