@Andres - I’ve used this ticker on pages with lots of other jQuery stuff going on. “Merging” suggests you’re trying to adapt the plugin itself though?

(Sorry for the excessively delayed response by the way!)

Thanks for getting back to me about that. Although initially I couldn’t get my head around a suitable piece of CSS, I actually came up with an alternative piece of code that people may find easier to implement. Although I’m not the best when it comes to following standards and the like so let me know if it’s bad practise!

#newsticker ul {
width: 953px;
height: 18px;
overflow: hidden;
}

#newsticker li {
padding-bottom: 10px; /* to make sure you can’t see tops of words as it loads */
}

I’ve placed the newsticker in a ”. But this way you don’t need any javascript to adjust the CSS and it seems to work pretty well.

Thanks so much for the script! It’s brilliant and it’s made my website look so much better than it did.

You could hide all list items in your list and then use li:first-child to show the first one only. e.g.

ul#news li {
display:none;
}
ul#news li:first-child {
display:block;
}

While the CSS above will work for showing only the first item of an unordered list of id “news”, I haven’t done any thorough testing with the news ticker (or indeed cross-browser, though you should find that’s OK).

One thing you will need to do is have your javascript load CSS to override the display:none declaration: the news ticker needs all of the list items to be display:block, or you won’t see anything.

As mentioned before, remember that this will make all but the first item unavailable to users with CSS but without javascript. As long as they can get that hidden information in an alternative way you should be OK from an accessibility perspective.

Hope that helps!

You can put two tickers on a page by declaring two sets of options variables and calling the ticker function twice, once for each set. You might find the visual effect doesn’t work so well but it should function. Have fun!

nice plugin! It was exactly the thing I was lookin for, but i found one problem: you can’t use more than one ticker on a page… Is there a quick fix for this? thanks!