Ticker, Newsticker, Lauftext, Marquee

[Webbaumeister]

Eine Kundin von mir wünscht einen Lauftext auf ihrer Website. Der Text soll in einem begrenzten Bereich von recht erscheinen, nach links laufen, links verschwinden, wieder rechts erscheinen.

Es gibt dafür das nicht-Standard-Tag <marquee>. Dieses wird zwar von den meisten Browsern unterstützt, ist aber meistens nur rucklig implementiert.

Als ich die Contao-Erweiterung [ticker] sah, installierte ich sie sofort. Diese funktioniert zwar, verhält sich aber leider nicht so wie erwartet. Der Text läuft von von rechts nach links und wieder von links nach rechts. Hin und her.

Dann gibt es die Erweiterung [newsticker]. Diese ist leider nicht zu den aktuellen Contao-Versionen (2.10 & 2.11) kompatibel. Ich habe sie trotzdem installiert, aber nicht zum laufen bekommen.

Was mir am Ende half war das einbinden eines entsprechenden jQuery-Tools: http://remysharp.com/2008/09/10/the-...mooth-marquee/
Das ging schnell.

Layout editieren

Ein zusätzliches head-Tag für jQuery:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

Beim eigenen Javascript-Code den jQuery-Marquee-Code reinkopieren und folgende Zeile:

$('.lauftext').marquee();

Komischerweise musste ich meinen ganzen Javascript-Code noch in <script>-Tags setzen. Ob Contao hier einen Fehler macht oder andere Erweiterungen stören?

Modul

Einen Artikel erstellen mit einem Inhaltselement mit dem Inhalts des Lauftextes darin.

Ein Modul 'Eigener HTML-Code' erstellen.

<div class="lauftext-wrapper">
<div class="lauftext" behavior="scroll" scrollamount="2" direction="left" >{{insert_content::350}}</div>
</div>

Zum Ende das Modul einbinden.

Referenzen zum Thema
https://www.contao-community.de/show...-Ticker-Modul/
https://www.contao-community.de/show...22-Newsticker/
https://www.contao-community.de/show...ghlight=ticker
https://www.contao-community.de/show...ghlight=ticker

[magicsepp]

Nachteil ist das man dafür jQuery braucht, meiner Meinung nach wäre eine mootools Varainte besser
z. B. http://developer.ps/moo/mooquee/

[Cristal]

Dann gibt es die Erweiterung [newsticker]. Diese ist leider nicht zu den aktuellen Contao-Versionen (2.10 & 2.11) kompatibel. Ich habe sie trotzdem installiert, aber nicht zum laufen bekommen.

An was ist es den gescheitert? Ich setze diese Erweiterung immer noch bei Contao 2.11 ein.

[Chris87]

Bei mir funktioniert [newsticker] unter 2.11 auch nicht.
Es kommen einfach keine Effekte bzw. es wird nicht gescrolled...

[Dirch]

Das liegt an dem zugrunde liegenden JavaScript. Das ist mit neueren MooTools Versionen nicht mehr kompatibel. Bis 2.11.6 läuft das Scrollen noch, aber das Faden geht nicht mehr richtig.

[magicsepp]

für 2.11 sind neue templates erforderlich und die news müssen als li ausgegeben werden per

<?php foreach($this->articles as $article) echo "<li>".$article."</li>"; ?>

im template. Dann sollte es eigentlich gehen.