I tried to use the "itemRenderer" parameter, but I didn't have success.

The item.url, item.title works well, but the item.image is always undefined.

My source code:

$(document).ready(function(){
var dataSource = new ctRotatorBridgeLi($('#areaAuxiliar #listaEmpresasConveniadas ul')).getDataSource();

$('#areaAuxiliar #listaEmpresasConveniadas ul').ctRotator(dataSource, {
showCount: 3,
speed: 1000,
itemRenderer: function(item){
return '' + item.title + ' - ' + item.image + '';
}
});
});

<ul>
<li><a href="/Teste/"><img src="imagens/___empresa1.gif" width="81" height="46" />Empresa 1</a></li>
<li><a href="/Teste/"><img src="imagens/___empresa2.gif" width="81" height="47" />Empresa 2</a></li>
<li><a href="/Teste/"><img src="imagens/___empresa3.gif" width="84" height="44" />Empresa 3</a></li>
</ul>

I need help, please.

I would be thankful for a solution or an update

I have another project however wherein I am having an issue using images in an existing . Any suggestions?

if(options.speed > 0) {

updateRotation(rotator, container, options);
}

Why? Well because it's quite handy to not have it rotate...and then in the callback function where it displays the list of photos, count the length of the json object (feed from datasource)...So say we do:

var totalImages = dataSource.length;

Now in the options object we specify to the rotator we can say:

$('#flickr').ctRotator(dataSource, {
showCount: totalImages,
speed: 0,
...

That will then show all the images in the feed and not rotate them.
With a little creativity we can change the output in the itemRenderer and return some id's in those anchor links. Then take jQuery and handle events for clicking those and instead of going to the image make it bring up a lightbox or appear in another area on the page, etc.

This very quickly turns the rotator plugin here into a very customizable gallery plugin as well.

I like how it's a very minimal script -- many other scripts I've seen for galleries are way too bloated. This is much better. It also leaves things client side. "Mash-up" away for little hit to your server.

My only request (and I haven't looked at the script long enough to figure it out) is that there was an event listener to updateRotation()... So I can have a "next" and ultimately "prev" link to move the list. That would mean the rotation needs to go in reverse too, which would be more alteration...but specified in the options again by perhaps "direction: forward" or "direction: reverse".

That would be really nice. Then it's essentially exactly the same, but completely flexible to serve as originally intended, but also as a much more complex gallery (with some elbow grease).

Thanks for writing this script!

How can I stop rotating?

I've written a Twitter bridge for this as well, so you can rotate tweets from an RSS search from search.twitter.com.

I also need it to refresh the data periodically, not just keep rotating the same items. Is there anyway to do this?

Thanks

function ctRotatorBridgeTwitter(url, readyCallback) {

this.url = url;
this.readyCallback = readyCallback;
}

ctRotatorBridgeTwitter.prototype =
{
getDataSource: function()
{
var readyCallback = this.readyCallback;
var dataSource = [];
$.get(this.url, {}, function(data)
{
$(data).find('channel item').each(function()
{
var e = $(this);
dataSource.push(
{
title: e.find('title').text(),
url: e.find('link').text(),
image: e.find('google\\:image_link').eq(0).text()
});
});
readyCallback(dataSource);
}, 'xml');

return dataSource;
}

};