<marquee>-Tag nach einmaligen durchlaufen stoppen: wie

ATARI · Beitrag von **ATARI** » 04.05.2006 20:27

Moinsen, ich hab da was nettes für meine Mum zum Bday gemacht also sie klickt auf ne Seite, da öffnet sich dann ein PopUp Fenster und in dem flimmert dann mittels <marquee> Tag ein netter Geburstaggruß über den Screen.
Und am Ende des <marquee> Tags ist halt noch n Pic von mir.

Wie kann man es nun so machen dass das Teil nur einmal durchläuft und dann am Ende stehenbleibt?

So sieht der Code aus:

Code: Alles auswählen

<html>
<center><embed src="bd_top.swf" width="495" height="80"><p>
<marquee id="bday" behavior="scroll" direction="up" height="193" width="495" scrolldelay="80" scrollamount="2">
<font size="18" face="Hollywood Hills" color="orange">Liebe Mama,<br><br>text text<br><img src="mausi.PNG"></font></marquee><p>
<embed src="bd_bottom.swf" width="495" height="60"><embed src="menu_01_frame_right.swf" height="0" width="0">
</center></html>

Effect soll halt sein dass der Text durchläuft und dann Ende wo das Bild kommt der ganze <marquee>-Code stehen bleibt und nur noch das Bild zu sehen ist.

Ginge das irgendwie?

MartinITM · Beitrag von **MartinITM** » 05.05.2006 12:51

Hio,

du kannst das mit DHTML machen. Dann funktioniert es auch mit einem nicht M$ Browser. z.B.

Code: Alles auswählen

<html>
<head>
<script language=javascript>
<!--

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() - 3)
    setTimeout("animate(ziel)", 50)
  }
}


function start()
{
  ziel = -100;
  setzelinks(1000);
  animate(ziel);
}
//-->
</script>
</head>

<body onLoad="start()">
<div id="logo" name ="logo" style="position:absolute; left:350px; top:100px">
  <b>Alles Gute zum Geburtstag ...</b>
  <img src=bild.jpg id="bild" width="100">
</div>
</body>

</html>

würde den Text evtl mit in das Bild machen (also einfach ein Bild mit z.B. 1000x200px erstellen), da er sonst bestimmt "springt".