Free Javascript 3D Carousel

By AN Jay on July 22, 2008

Smashing Apps has been featured at Wordpress Showcase. If you like Smashing Apps and would like to share your love with us so you can click here to rate us.

Carousel.us is a Javascript 3D carousel, using the prototype.js and scriptaculous.js frameworks. It also uses PHP Easy Reflections v3 by Richard Davey.

You will find a configuration file in which you can define the default parameters or you can also define them via URL using the GET method. Here are the some parameters :

includes
Directory where your files to include are

javascript
Directory where your javascript files are

css
Directory to your css file

path
Directory where your images are

opacity
Reflection opacity (0-100)

height
Reflection height (pixel)

radiusx
Horizontal spacing between opposite images (pixel)

raidusy
Vertical spacing between opposite images (pixel)

centerx
Position X of the carousel center (pixel)

centery
Position Y of the carousel center (pixel)

clickit
Add onclick event on each image (true or false)

base
Base speed (boolean)

speed
Carousel speed (boolean)

Codes and Scripts, Javascripts

If you enjoyed this post, please consider to leave a comment or subscribe to the feed and get future articles delivered to your feed reader.

You May be Interested In More Interesting Free Resources

Comments

Comment by sebastian on July 28, 2008 @ 9:50 am

Hi, need 2 know about use different text for each image link, thankss

Comment by Pi[ks]ite on September 19, 2008 @ 4:43 am

Hi,

if you want to use different text for each image link, I have updated the file page.php with a little explanation of the way to do. (Simple : just use php conditions)

Comment by laptop battery on October 23, 2008 @ 5:25 am

So beautiful 3D Carousel,very very beautiful

Comment by handoyo on December 25, 2008 @ 10:17 pm

Hi..thanks for the nice script..I want to ask,is it possible to not make the images turn?So it stays still..Thanks…

Pingback by Recent URLs tagged Path - Urlrecorder on February 2, 2009 @ 1:01 am

[...] recorded first by LyriCYST on 2009-01-23→ Free Javascript 3D Carousel [...]

Pingback by Websites tagged "scriptaculous" on Postsaver on May 3, 2009 @ 4:17 am

[...] Le602009-04-29 – how to start a scriptaculous drag with code saved by TwoDollarKerplunk2009-04-28 – Free Javascript 3D Carousel saved by zivilist2009-04-21 – Prototype e Scriptaculous. Esempio semplice caricamento pagina … [...]

Comment by injection molding on May 6, 2009 @ 4:44 pm

So many people here, I am glad to see such a great blog!!!

Comment by Tim on August 17, 2009 @ 1:15 pm

This script will not allow me to change the images to my own ?. Any help would be much appreciated, thanks Tim !