Members Login:

Forum Statistics:

Forum Members: 24,254
Total Threads: 80,792
Total Posts: 566,472

There are 1905 users currently browsing (tf).

Programming

Javascript :

Carousel

Thread title: Carousel

Thread tools

Search this thread

Display Modes

02-18-2008, 12:17 AM

Szandor

Status: Junior Member
Join date: Jan 2008
Location: Växjö, Sweden
Expertise:
Software:

Posts: 45

iTrader: 0 / 0%

Szandor is on a distinguished road

Here's a really quick breakdown of the workflow:

Make a <div> container and set the overflow to hidden.
Inside that container, create one <div> for each item.
Place the items in a row, using CSS. Some of the items will end up outside, that's a good thing.
Using JavaScript, change the placement of all the <div> blocks when a button is pushed so that the entire row of items move.

You can use MooTools for replacing the <div> blocks, it's simple to use and you can get some good transitions.