Wie kann ich das gif nach der animation ausblenden

Computer: Software & Programmierung JavaScript & Script-Sprachen
#1

Hallo zusammen, ich bin neu hier und hoffe mit meiner Frage Hilfe zu bekommen und nebenbei hoffe ich natürlich auch dass ich mich an alle richtlinien gehalten habe.
Nun zu meiner Frage:

Ich habe folgende html Datei:

Der Zug fährt ab
<!–

function leselinks(){
if (document.all)
return document.all.logo.style.posLeft
else if (document.layers)
return document.logo.left
else if (document.getElementById)
return parseInt(document.getElementById(„logo“).style.left)
}

function setzelinks(n){
if (document.all)
document.all.logo.style.posLeft = n
else if (document.layers)
document.logo.left = n
else if (document.getElementById)
document.getElementById(„logo“).style.left = n+„px“
}

function animate(abstand){
ziel=abstand
if (leselinks()<ziel){
setzelinks(leselinks() + 2)
setTimeout(„animate(ziel)“, 50)
}
}

//–>

START

Jetzt muss ich es noch schaffen das animierte gif nach der Animation unsichtbar zu machen.
Am besten über „function hideshow“. Ich habe allerdings keine Ahnung wie das geht.
Kann mir da jemand helfen? Is ziemlich dringend…

Viele Grüße
makko_1982

#2

Hallo makko,

die Animation ist ja dann zu Ende, wo die if-Abfrage false ist, heißt mit else die function hideshow aufrufen


function animate(abstand){
ziel=abstand
if (leselinks()

else { hideshow() }


}

die eine Anweisung in hideshow kann natürlich auch direkt im else stehen :smile:)


function hideshow (){
document.getElementById(‚logo‘).style.visibility = „hidden“;
}


Gruß
Klaus

#3

Hi Klaus,

erstmal vielen Dank für deine schnelle Antwort. Das Problem ist, allerdings, dass ich keine Ahnung habe wie ich die function hideshow schreiben muss. Ich beginne sie mit else aber was muss da rein, dass das gif verschwindet???

vielen Dank im Voraus

makko

#4

Hallo makko,

ist, allerdings, dass ich keine Ahnung habe wie ich die
function hideshow schreiben muss.

eigentlich so, wie ich sie gepostet habe,
einfach in den script-bereich einfügen

Ich beginne sie mit else

ne … das else wird in die function animate eingefügt, direkt unter die schließende Klammer von der if-Abfrage

aber was muss da rein, dass das gif verschwindet???

das geschieht hierdurch
document.getElementById(‚logo‘).style.visibility = „hidden“;

insgesamt wäre das dann so:




function leselinks(){
if (document.all)
return document.all.logo.style.posLeft
else if (document.layers)
return document.logo.left
else if (document.getElementById)
return parseInt(document.getElementById(„logo“).style.left)
}

function setzelinks(n){
if (document.all)
document.all.logo.style.posLeft = n
else if (document.layers)
document.logo.left = n
else if (document.getElementById)
document.getElementById(„logo“).style.left = n+„px“
}

function animate(abstand){
ziel=abstand
if (leselinks()<ziel){
	setzelinks(leselinks() + 2)
	setTimeout(„animate(ziel)“, 50)
 document.getElementById(‚out‘).innerHTML=leselinks();
 }
else { hideshow() }
}

function hideshow (){
document.getElementById(‚logo‘).style.visibility = „hidden“;
}

Gruß
Klaus

#5

**Ahhh…

Okay gecheckt.

Nochmals vielen Dank

Grüße
makko**