Comments on: A Carousel component in jQuery

By: Magic

Magic — Fri, 04 Jun 2010 19:07:24 +0000

Awesome!!! That’s something I’ve been looking for

By: Vinicius

Vinicius — Sat, 28 Nov 2009 11:25:05 +0000

Can this plugin rotate images like this

http://www.andrewsellick.com/examples/3d-carousel/ ?

thanks

By: Kyle

Kyle — Fri, 29 May 2009 19:06:38 +0000

I am looking to add a next/previous button to this so you can browse it in order. I can’t seem to get it working. I am new to jquery and the ui, can you help?

By: Shelly Pace

Shelly Pace — Fri, 01 May 2009 21:21:49 +0000

Thanks Pavan. Unfortunately, I’m not too versed in javascript and have tried a couple of things to no avail. When I duplicate the code below:

$(document).ready(function()
{
var items = new Array();
for (var i = 1; i <= 12; i++)
{
var item = new Object();
item.title = “Project – ” + i;
item.description = “This will some long winding description for the project: Project ” + i + “, mostly some marketing stuff”;
item.url = “http://blog.pixelingene.com”;
item.image = “items/” + ((i < 10) ? “0″ : “”) + i + “.png”;

items.push(item);
}

var ref = $(“#carousel”).carousel({items:items, itemSize: 128});
});

it just makes the change to all of them. Is there any way you could give me some sample code for each item to be different text…i.e. “1985″ as the title of the first one with the description being “this is what the company was doing in 1985″ and “1992″ with “this is what the company was doing in 1992″ for the second one, etc.

http://www.coolchickdesigns.com/shiner/NEW/history.html

Thanks in advance!
Shelly

By: Pavan Podila

Pavan Podila — Sun, 26 Apr 2009 20:49:27 +0000

Shelly,
If you open up the index.html file inside the ZIP, you will find the code to create the items. I use a for-loop to generate the items for the example.

By: Shelly Pace

Shelly Pace — Sun, 26 Apr 2009 20:19:42 +0000

Forgot to list the site.

http://www.coolchickdesigns.com/shiner/history.html

By: Shelly Pace

Shelly Pace — Sun, 26 Apr 2009 20:19:22 +0000

I’m trying to figure out how to change the items and descriptions. This the page I have it at, and I want to have each image be a different year on the history of the company…i,e. in 1985 “this happened” and in 1987 “this happened”. Any help would be great!

By: stefan

stefan — Mon, 09 Mar 2009 08:44:28 +0000

How can i get the link (item.url) opened in a new window?

By: phillc

phillc — Wed, 29 Oct 2008 14:42:37 +0000

wholly crap awesome!!!

By: Pavan Podila

Pavan Podila — Fri, 03 Oct 2008 23:21:37 +0000

Now you have it ….