Zug durch Seite fahren lassen

[onebigman]

Hallo,

ich bastele grad an ner Seite für Modelleisenbahner/Gartenbahnen rum.
Da gibt es diverse Züge - mit Bildchen....

nun war die Idee einen Bahnhof zu erstellen (Dynamisch mit PHP), d.h. man kann sich einen Zug selber erstellen. Nun soll dieser über ein gleis fahren - geht auch...

<marquee id="zug" direction="right"  scrollAmount="2"
onmouseout="javascript:this.scrollAmount=2">".$zug."</marquee>
// in der var $zug ist der gesammte zug (bildchen)


<a href="javascript:zug.stop()">stop</a> //stoppen des zuges
<a href="javascript:zug.start()">start</a> //starten des zuges

soweit ok!

nun mein Problem aus direction="right" soll direction="left" werden.
wenn das geht würde ich zusätzlich die Geschwindigkeit ändern - am besten mit nen Trafo (Richting und Geschwindigkeit).
wie löse ich das mit JavaScript?

 

[Sven Mintel]

Die Richtung änderst du halt über marqueeobjekt.direction="left".
Die Geschwindigkeit über marqueeobjekt.srollDelay="wertInMillisekunden".

Damit die Geschwindigkeit auch wie gewünscht übernommen wird, musst du im <marquee> das Attribut truespeed notieren (IE)

 

[Ann Drew]

warum machst du das scrollen nicht ganz mit Javascript damit es auch in anderen browsern funktioniert und nicht nur in IE?

 

[onebigman]

danke für euere schnelle antwort!

@Ann Drew

wie realisiere ich eine 100% funktionalität mit allen browsern?

 

[onebigman]

also das geht so nicht wirklich mit

<a href="javascript:zug.direction=left"> <- </a>
// left ist undefiniert

<a href="javascript:zug.direction="right"">
// da springt er auf ne leere Seite und gibt "right" aus

was mach ich nur falsch?

 

[Quaese]

Hi,

versuchs mal so

<a href="javascript:document.getElementById('zug').direction='left';"> <- </a>

<a href="javascript:document.getElementById('zug').direction='right';">

Ciao
Quaese

 

[Ann Drew]

danke für euere schnelle antwort!

@Ann Drew

wie realisiere ich eine 100% funktionalität mit allen browsern?

Mache das marquee mit javascript oder flash.
mit javascript macht du ein div, position:absolute overfow:hidden. Das stellst du dahin wo du das marquee haben willst.
Da tust du dann ein div mit ID herein, wieder position:absolute und schiebs es dann per javascript einfach hin und her.