Responsive Thumbnail Carousel by murtaugh

This is a basic jQuery-powered carousel. There are many like it, but this is mine.

9 items

Item 1
Item 2
Item 3
Item 4
Item 5
Item 6
Item 7
Item 8
Item 9

Things I like about it:

Minimal HTML
Graceful overflow: auto fallback for non-JS users
CSS transitions for animations (uses Modernizr to serve jQuery animation fallback to non-transitioning browsers)
Supports multiple carousels
Supports carousels of any width, percentage or fixed
Supports any number of items within the carousel
Recalculates controls on window resize
Makes the controls visible at all times for touch devices (again using Modernizr)
If the controls aren't needed they don't appear at all

5 wider items

Item 1
Item 2
Item 3
Item 4
Item 5

Things I don't like about it:

Thumbnails within a carousel must be consistent widths
The JS is pretty unsophisticated — it could be much more elegant
It fails in IE8, but I haven't looked into why yet
There seems to be a minor error in the control logic when resizing the window, but I haven't been able to nail it down
I'm using pointer events to disable the nav controls in some circumstances — because I'm lazy I haven't put in fallbacks for non-supporting browsers yet

9 items of variable height

Item 1

Nunc ut risus cursus, feugiat neque in, commodo nulla. Vivamus suscipit cursus ante at sollicitudin. Nam nec mi tellus. Fusce id ultrices tortor. Morbi porta imperdiet sapien, vitae sollicitudin diam tristique vitae. Curabitur pharetra quam elementum pellentesque tempor. Suspendisse porttitor lectus enim, non mattis erat lobortis vitae. Cras aliquam metus vitae tortor lobortis, ac molestie lacus euismod.
Item 2

Morbi porta imperdiet sapien, vitae sollicitudin diam tristique vitae. Curabitur pharetra quam elementum pellentesque tempor. Suspendisse porttitor lectus enim.
Item 3

Feugiat neque in, commodo nulla.
Item 4

Vitae sollicitudin diam tristique vitae. Curabitur pharetra quam elementum pellentesque tempor. Suspendisse porttitor lectus enim, non mattis erat lobortis vitae. Cras aliquam metus vitae tortor lobortis, ac molestie lacus euismod.
Item 5

Cras aliquam metus vitae tortor lobortis, ac molestie lacus euismod.
Item 6

Morbi porta imperdiet sapien, vitae sollicitudin diam tristique vitae. Curabitur pharetra quam elementum pellentesque tempor. Suspendisse porttitor lectus enim, non mattis erat lobortis vitae. Cras aliquam metus vitae tortor lobortis, ac molestie lacus euismod.
Item 7

Nunc ut risus cursus, feugiat neque in, commodo nulla. Cras aliquam metus vitae tortor lobortis.
Item 8

Suspendisse porttitor lectus enim, non mattis erat lobortis vitae. Cras aliquam metus vitae tortor lobortis, ac molestie lacus euismod.
Item 9

Nunc ut risus cursus, feugiat neque in.

Other stuff to know:

I haven't done any optimizing for smaller screens yet
I've included @mathias' noSelect jQuery plugin to prevent annoying cursor/selection behavior while interacting with the controls; you might want to remove this depending on the content of your thumbnails

9 items

Things I like about it:

5 wider items

Things I don't like about it:

9 items of variable height

Item 1

Item 2

Item 3

Item 4

Item 5

Item 6

Item 7

Item 8

Item 9

Other stuff to know: