Open Source Resources for Web Application Developers

Shopify - Online Store Builder
Follow Us on Social Sites
Subscribe RSS Subscribe Newsletter Like us on Facebook Follow us on Twitter Follow us on Google+
  • Home
  • News
  • Plugins
  • Design
  • Others
  • Books
  • About
14 Jul

Carousel.us – Javascript 3D Carousel with Scriptaculous

  • CC License, Menu
  • Leave a Comment

Carousel.us is a Javascript 3D carousel, using the prototype.js and scriptaculous.js frameworks. It also uses PHP Easy Reflections by Richard Davey. You will find a configuration file which you can define the default parameters or you can also define them via URL using the GET method. You can set the Reflection opacity, Reflection height, spacing between images, Position of the carousel center, Carousel speed and Add onclick event on each image.

Requirements: Prototype and Scriptaculous Framework
Demo: http://www.piksite.com/carousel.us/carousel.us.php
License: Creative Commons License

Share
Tweet
Sponsors
subscribe to our newsletter - weekly free resouces for web developers
follow us on social sites - rss, facebook, google+, Twitter
Subscribe RSS Like us on Facebook Follow us on Twitter Follow us on Google+
Related Resources
Prototip Most Features Tooltips for Prototype

Prototip Most Features Tooltips for Prototype

Lightbox – Elegant and Animated Gallery

Lightbox – Elegant and Animated Gallery

Image Transition Manager with Scriptaculous and Prototype

Image Transition Manager with Scriptaculous and Prototype

JSLoader – Javascript Libraries on Demand

JSLoader – Javascript Libraries on Demand

How to Create an Infinite Carousel with jQuery

How to Create an Infinite Carousel with jQuery

Create Custom Carousel with Agile Carousel jQuery Plugin

Create Custom Carousel with Agile Carousel jQuery Plugin

Comments
  • http://www.waltervos.com Walter Vos

    The demo is horrible if you ask me. Really hard to get the item you want.

  • Kevin

    This one is really awesome!

  • Pingback: Carousel.us: Un Carrusel 3D con JavaScript | Seraphinux

  • James

    Very nice

  • Lance

    Epic fail by resizing my browser window.

    Effect is nice once I stopped swearing.

  • http://www.paeleben.fr Paeleben

    Not as nice as you say because the dimensions of the picture are the same in the background and in the foreground. It’s not really realistic.

  • http://www.openlyconnected.com a_c_m

    Isn’t this just a port of one of the (now old and mostly deprecated) jQuery interface demos http://interface.eyecon.ro/demos/carousel.html ??

    Still good to see the other JS frameworks catching up :P

  • http://blog.olicio.us/ Oskar Krawczyk

    And to think the output could work much smoother when ported to a different JavaScript framework. I might just have the time this weekend to do a MooTools port.

  • http://www.8gen.com 8GEN

    very fast

  • shakuni

    Just change the speed in the conf file if you don’t want it to be fast. Simple?

  • Stefan

    The usage is absolutely unsuitable. Takes a while til you make out how to select an item.

  • ahamed

    this is sumthing that i was looking for.

    but ive got a small problem. i have around 50 images to put.i can get da 50 images up and da spinning this works but wen i click on an image to open the description page it doesnt work. it works if i put 28 or less images.

    can any one give me a solution on how to make this working for around 50 images??

    thanks in advance

  • Pingback: Bookmarks about Scriptaculous

  • mary

    hi. I have a problem. I’m using this as an application menu. but nothing is done to visualize once rise to the server. my server is linux. Typically, but I can see it in a machine and can not otherwise see. : S please help.
    ==not much English. So sorry if I write wrong

  • César

    Having a hard time with carousel.us coz it doesn’t display characters like “ã”, “é” properly.

    I put it inside my php page that it’s working fine with Brazilian Portuguese (pt-br language), but the plug-in doesn’t.

    Any way around this?

  • Irvin

    how about the header carousel in the website of olympic.org, how did they do that?

  • http://www.quasarlink.com Desarrollos Web

    The domain it’s sell or something. Waht a pity.

  • http://www.csshunt.com/ csshunt

    nice and lovely article

Open Source Resources for You

What we need is a list of the top quality resources, so that we can spend more time on our web development. WebAppers only picks the top quality web development resources for you.

© Copyright 2012 WebAppers | About | Archives | Privacy Policy | Advertise | Contact

Sponsors
Advertise Here
Search
By Keywords
30 Days / All Time
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • Professional Business Cards Made By Designers
  • Best Free Chrome Extensions for Web Developers
  • All of the Best Free WordPress Themes You Need
  • How to Create a Web App Admin User Interface
  • Nice List of Open Source Fish Eye Menu
  • Best Web Admin Templates
  • 25 Useful Blogs for Web Design & Development
  • Simple Javascript Progress Bar with CSS
  • 10 Useful & Quality Design Resources
  • Free Web Application Icons
  • Free Responsive HTML5 + CSS3 Site Templates
  • 35 Creative Twitter Covers for Web Designers
  • FROONT: Responsive Web Design in the Visual Way
  • Designing Experiences for Responsive Web Sites
  • jQuery Unveil: The Lightweight Version of Lazy Load
  • What are HTML5 Datalists and When to Use Them
  • Easy Responsive Tabs jQuery Plugin for Web & Mobile
  • jQuery.Swatches Turns Div into a Sweet Color Swatch
  • Pure: A Set of Small & Responsive CSS Modules
  • Create Sexy Android-like UI with Fries
Sponsors
Plugins
  • Advertisement15
  • Calendar48
  • Capture19
  • Charts55
  • Chat22
  • Demo Tour17
  • Gallery121
  • Maps30
  • Menu87
  • Polls9
  • Popup50
  • Tooltips42
  • Upload33
  • Video18
Desgin
  • Brushes11
  • Buttons27
  • Color Schemes25
  • Fonts47
  • Forms115
  • Icons110
  • Patterns24
  • PS Tutorials17
  • Stock Photos21
  • Tables25
Others
  • Announcement104
  • Best Collections6
  • Code57
  • eCommerce25
  • Framework217
  • Hosting13
  • Information245
  • Inspiration32
  • Legal Documents10
  • Reviews8
  • Security13
  • Social28
  • Sound16
  • Stats40
  • Tools302
  • Webmail14
Licesnes
  • BSD License69
  • CC License123
  • GPL License224
  • LGPL License40
  • License Free749
  • MIT License423
Sponsors
Advertise Here
Partners
MaxCDN