Ticker

[mimmi]

Hallo,

ich wollte einen Ticker auf meiner Startseite einbauen.

Auf dieser befindet sich anstatt eines Banners ein Karussell.

(Wenn ich den Ticker in mein Layout lege funktioniert er nicht)

also habe ich ein neues Layout aufgezogen und auf HTML5 eingestellt, jedoch sobald ich den Code einfüge spinnt das Karussell (legt alle Bilder untereinander und den Ticker mitten rein)

1.   <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js"></script>
2.   <link href="./html/ticker-style.css" rel="stylesheet" type="text/css" />
3.   <script src="./assets/jquery.ticker.js" type="text/javascript"></script>
4.   <script src="./assets/site.js" type="text/javascript"></script>

Ich habe das ganze dann noch mal auf eine Probeseite ohne das Karussell gemacht und es funktioniert. 

www.mkpaul.de

Kann man das Problem beheben?

[nettesekel]

Den Link kann ich nicht aufrufen.
Wenn ich helfen soll, müsste die Seite mal mit Karussel und Ticker online gestellt werden, damit ich das Chaos mal live sehen kann. 

[nettesekel]

Entferne bitte mal die Verlinkungen zu den Scripts wieder aus deiner Seite. Die sind zum einen völlig falsch platziert und zum anderen kommen sie sich mit den Scripts vom Karussell ins Gehege.

Also diesen Code löschen:

Code: HTML5

1. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js"></script>
2. <link href="./html/ticker-style.css" rel="stylesheet" type="text/css" />
3. <script src="./assets/jquery.ticker.js" type="text/javascript"></script>
4. <script src="./assets/site.js" type="text/javascript"></script></div>

Im Anschluss fügst du folgenden Code am Body-Ende ein. Nutze dazu die verlinkte Anleitung, denn der Code muss sich an der richtigen Stelle befinden. https://www.nof-community.de/code-oder-codeschnipsel-an-der-richtigen-stelle-einfuegen/code-am-beginn-oder-ende-des-hauptextes-oder-bodys-einfugen/

Code: HTML5

1. <link href="./html/ticker-style.css" rel="stylesheet" type="text/css" />
2. <script src="./assets/jquery.ticker.js" type="text/javascript"></script>
3. <script src="./assets/site.js" type="text/javascript"></script></div>

[mimmi]

Jippi so geht’s 

Vielen vielen Dank

[nettesekel]

Das ist schön... freut mich...   

[mimmi]

Ich habe meinen Ticker ein wenig umgebaut, doch finde nicht, wo ich das Wort LATEST entfernen kann.

Wenn man es mit der Laufschrift in der Größe und Farbe ändern kann muss es doch auch irgendwo stehen.

[nettesekel]

Du findest in der ticker-style.css die Klasse .ticker-title
füge dort folgenden Code hinzu

Code: HTML5

1. display: none;

[mimmi]

Na, da kann ich lange suchen.

Hat aber geklappt vielen Dank freu mich

[nettesekel]

Ja, man findet das sicher auch irgendwo in den Dateien, vielleicht sogar in der js-Datei. Aber warum suchen, wenns so einfach geht. ;)

[nettesekel]

Für alle die, die "Latest" nicht nur verschwinden lassen wollen, sondern vielleicht gegen einen anderen Begriff austauschen wollen...

"Latest" kommt aus der jquery.ticker.js und zwar aus nachfolgendem Codeabschnitt, die Zeile ist gelb gekennzeichnet. Hier muss der Begriff "Latest" gegen den gewünschten Begriff ausgetauscht werden.

Code: Javascript

1.         // plugin defaults - added as a property on our plugin function
2.         $.fn.ticker.defaults = {
3.                 speed: 0.10,                   
4.                 ajaxFeed: false,
5.                 feedUrl: '',
6.                 feedType: 'xml',
7.                 displayType: 'reveal',
8.                 htmlFeed: true,
9.                 debugMode: true,
10.                 controls: true,
11.                 titleText: 'Latest',   
12.                 direction: 'ltr',      
13.                 pauseOnItems: 3000,
14.                 fadeInSpeed: 600,
15.                 fadeOutSpeed: 300
16.         };     
17. })(jQuery);

Auf unserer Demo-Seite habe ich es mal in "Unsere News" geändert.

http://demos.nof-community.de/jquery-news-ticker-in-netobjects-fusion/demo.html