Scrolling Images with jQuery WebTicker29 June 2012
You've probably got a list of images or sponsors that you'd like to rotate somewhere within your website; not exactly a rotating list of text/articles that are provided with the default webTicker sample. No worries it can be done too using the same script.
Note that whilst this article will cover using the jQuery webTicker with images it will not cover all the basics and downloads again, so please refer to the original webTicker project page
The most common issue when anyone tried using the webTicker for loading scrolling lists of images was that the width of the ticker is small, and the whole list seem to collapse with only one or two items ever showing. This issue is related due to the images being loaded after the
jQuery.ready() function is called.
This causes the webTicker to assume that the width of each list item is close to 0, thus when computing the total width of the complete list the ticker assumes that this is not any more then 200 pixels. So when the images load the max-width would already be defined making the images collapse within the ticker and none of them would appear.
There are a few ways one can resolve the issue.
If all the images are of the same 'width' one can define the width in CSS on the img/li elements
If the width is different but already known per image each image tag should define the width
<img src='/workspace/uploads/symphony-logo-100x19.png' width='100px'/>
Make sure that all the images are loaded before launching the webTicker, either the
loadfunction instead of the ready function or another plugin. Note that the
loadfunction is not suggested as it does not always fire with images.
The above techniques should resolve your issues with Scrolling images when using the jQuery WebTicker. If you still have issues you can still contact me for personal advice.