Laufschrift Marquee - Geschwindigkeit abhängig von Textlänge ?

[rasti]

Hallo,

ich habe mir einen Nachrichtenticker gebastelt nach folgender Vorlage

Code Auswählen Erweitern

https://forum.fhem.de/index.php/topic,46321.msg381908.html#msg381908

Funktioniert auch.

Nun hätte ich gerne mehrere (insgesamt 3) Nachrichtenticker auf einer Seite.
Geht auch, habe ich so gelöst:

Code Auswählen Erweitern

<header>RSS-Feeds</header>
<BR>
<HR>
<div data-type="rotor" class="fade" data-delay=40000 >
<ul>
<li class="semitransparent"> 
<div class="marquee"><span><div data-type="label" data-device="ecuadorNews" data-get="Ecuaticker"   style="font-size: 200%" data-substitution="s/none//g"></div></span></div>
<div class="large" data-type="label" data-device="ecuadorNews" style=" color:#33CC33"  data-get="f_title" > </li>

<li class="semitransparent"> 
<div class="marquee"><span><div data-type="label" data-device="myNews" data-get="Stimmenews"   style="font-size: 200%" data-substitution="s/none//g"></div></span></div>
<div class="large" data-type="label" data-device="myNews" style=" color:#33CC33"  data-get="f_title" > </li>

<li class="semitransparent"> 
<div class="marquee"><span><div data-type="label" data-device="spiegelNews" data-get="Spiegelticker"   style="font-size: 200%" data-substitution="s/none//g"></div></span></div>
<div class="large" data-type="label" data-device="spiegelNews" style=" color:#33CC33"  data-get="f_title" > </li>
</ul>

</div>
<BR>
<BR><BR><BR><HR>
</LI>



Problem ist, die Ticker sind sehr unterschiedlich in der Textlänge, was anscheinend dazu führt,
dass die Texte unterschiedlich schnell laufen. Der längste Nachrichtenticker rast unlesbar schnell
durch, der kürzeste ist elendig langsam.

Wie bekomme ich das auf eine konstante Geschwindigkeit ?

Gruss

Ralf

[rasti]

Hallo,

ich hab hier eine Lösung gefunden - allerdings mit php .

Code Auswählen Erweitern

https://www.html.de/threads/laufschrift-mit-css3.54251/

Ich müsste also die Länge des Readings herausfinden und dann entsprechend
den Wert für marquee in der .css anpassen.

Das überschreitet momentan leider meine rudimentären html-Grundkenntnisse   

Oder geht das einfacher ?

Gruss

Ralf