Comments on: jQuery Infinite Carousel

By: Mark Jenkins

Mark Jenkins — Sun, 04 Apr 2010 22:15:41 +0000

Hi,

I came across this site and found this great tutorial for the infinite carousel, just what I was looking for. Firstly, thanks for the knowledge and run through, it helped a lot

http://www.trashedmag.com/fanzines/

I’ve implemented the carousel into the above site and was wondering if there’s anything I can do about the second set displaying as 4 rather than 3. When the first set comes back it is also pretty jerky in it’s animation. Is anyone able to offer any help please?

thanks Mark

By: David Henderson

David Henderson — Fri, 26 Mar 2010 21:17:54 +0000

Hi There,

Great plugin, really really nice, have implemented this on a new project I am working on.

Just wondering does this support dual carousels on one page? I have tried to use it twice but the navigation dosent seem to render the second time?

Cheers Dave

By: Jon

Jon — Thu, 11 Mar 2010 16:48:00 +0000

Firstly this looks fantastic and I am implementing into a current project. I have successfully added the function and added auto scroll to but instead of scroll on 3 it scroll on 4 so it starts off by showing 1-3 then scrolls and shows 5-6.

Is there any reason for this. I have increased the width to: .infiniteCarousel { width: 890px; position: relative; }

.infiniteCarousel .wrapper { width: 790px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */ overflow: auto; height: 105px; margin: 0 50px; position: absolute; top: 0; }

.infiniteCarousel ul a img {

-moz-border-radius: 5px; -webkit-border-radius: 5px; }

.infiniteCarousel .wrapper ul { width: 1398px; /* single item * n */ list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0; position: absolute; top: 0; }

.infiniteCarousel ul li { display:block; float:left; padding: 10px; height: 109px; width: 243px; }

By: webb

webb — Sat, 16 Jan 2010 03:55:25 +0000

This is the best carousel i have seen so far, i am definitely bookmarking this page.

By: Nathan

Nathan — Fri, 15 Jan 2010 23:47:17 +0000

Hi, really nice effect but I am having an odd problem in my implementation. Once the carousel is done scrolling, rather than resetting it continues on to scroll into oblivion. You can see it here http://bit.ly/17Mau6 thanks in advance to anyone who has an answer for this.

Also the only things I have edited in the css are the size of the carousel and the images that are linked for the arrows.

By: MikeW

MikeW — Wed, 30 Dec 2009 19:15:48 +0000

Are there any resources out there to help with implementing this on a wordpress theme?

I've looked everywhere for a similar wordpress plugin or tutorial on how to achieve this in a theme template but with no luck.

A point in the right direction would be much appreciated.

Cheers,

Mike.

By: Keegan

Keegan — Tue, 08 Dec 2009 10:19:27 +0000

Your scroller seemed great so I implemented it on my site but when doing my browser checking I found out that it doesn't work (at least out-of-the-box) with IE6. I'm not a fan of IE6 like most people, but all serious web developers still have to support it as it still has more users than Chrome or the less common browsers.

Argh, now I'm off to find another one to do the job.

By: kali

kali — Tue, 01 Dec 2009 22:33:52 +0000

Great plugin! I have enjoyed playing around with it a bit. I've tried using a swap image behavior, and it works fine on the images that are visible initally, but doesn't function on the others that aren't. Any thoughts on why that might be happening and how I might fix it?

Thanks a lot!

By: Filmore Ha

Filmore Ha — Mon, 30 Nov 2009 02:52:33 +0000

Awesome! Thanks for this awesome plugin. I just finished implementing it in a Drupal site and it works flawlessly. I did have to change two things though. As mentioned above, I also had to add a height declaration to get it to work in IE. I also went ahead and threw in the "height: auto !important;" declaration for good measure. Also I changed the "position: absolute;" declaration to relative under .infiniteCarousel .wrapper

Works a charm. Cheers!

By: Alan Horne

Alan Horne — Fri, 27 Nov 2009 09:57:17 +0000

Hi there, i managed to fix my above problems, i needed to change .infiniteCarousel .wrapper ul to position:relative, and another one i can't remember.

For the images, its the path that needed changed, when implemented on to the site.

Works great now, thanks very much.