Har ett lager som är dolt när sidan laddas. Detta lager innehåller bla en animerad gif bild. När man klickar på en knapp skall lagret visas och bilden skall röras, eftersom det är en animation. Hänger ni med?
Inget problem med detta förutom gif animationen. Den är död!! Den animeras inte men den syns. Bilden rör sig om jag väljer att visa lagret när sidan laddas, men visar/döljer jag lagret så slutar bilden röra sig. Funkar det inte att ha en vanlig simpel gif animation i ett lager som visas/göms???
Animerad gif i lager
6 svar · 412 visningar · startad av HeHo
Javascriptet ligger i en egen fil och ser ut så här:
var ie5 = (document.getElementById && document.all);
var ns6 = (document.getElementById && !document.all);
function SetUp(x)
{
var sida = x
if(ie5 || ns6)
{
document.getElementById("load").style.visibility = "visible";
document.location=x;
}
}
Så här ser det delvis ut i sidan!
...
<body>
<div id="load" style="visibility:hidden;position: absolute; background-color: #FFFFFF; height: 100%; width: 100%>
<p>
<img src="bilden.gif"/>
<b>lite text</b><br/>
Mera text
</p>
</div>
<span style="width:50%; text-align:right;">
<input type="button" value="Test" class="knapp">
<xsl:attribute name="onClick">SetUp('adressen till en annan sida');</xsl:attribute>
</input>
</span>
<body>
Kan det vara för att du navigeras till en annan sida innan bilden hunnit påbörja animeringen? Eller kan det vara så att du vid skapandet av bilden ej angivit att den skall loopa, d.v.s. börja om då den animerats klart?
Med en snarlik kod (se nedan) fungerar det i alla fall för mig.
function f(){
var div = document.getElementById("a");
div.style.visibility = div.style.visibility == "hidden" ? "visible" : "hidden"
}
<button type="button" onclick="f()">Visa/Dölj</button>
<div id="a" style="visibility:hidden; position:absolute"><img src="bilden.gif" width="x" height="y"></div>
:)
Bilden loopar hela tiden, så det är inte det som är fel.
Testade din kod och det blir samma fel med den. Dvs bilden animeras inte.
Jag har gjort så här för att sidan som man kommer till när man klickat på knappen gör en trög sökning i en databas så för att man inte skall tro att inget händer så vill jag visa ett lager med en animerad gif. Kan det vara det som är problemet att den inte orkar animeras pga att en annan sida håller på att laddas......???
Jaha, va synd!
Har någon ett förslag på hur jag kan få bilden att animeras medan en annan sida laddas?