Carouhell examples

Back to Hell-licensed code

Carouhell without extensions

Download carouhell.js (666 bytes), carouhell.css (666 bytes)

• Basic use
• Tiles
• Adding items on the fly
• Turning any list into carouhell
• Toggling between carouhell and list
• Adding a carouhell into loaded page
• Rotate two pictures side by side
• Fit into viewport width
• Manual rotation

To use extensions, merge them into one file after the core code. Read more here if you are interested in the technical details.

Buttons extension

Download carouhell-buttons.js (666 bytes), carouhell-with-buttons.js (merged with carouhell.js)

• Rotation direction
• Attributes driven playing
• Buttons without scripting

Stripe extension

Download carouhell-stripe.js (666 bytes), carouhell-with-stripe.js (merged with carouhell.js)

• Create a stripe
• Custom clickable stripe
• Stripe rotation

Effects extension

Download carouhell-effects.js (666 bytes), carouhell-with-effects.js (merged with carouhell.js)

• Opacity rotation
• Opacity flex rotation
• Media rule event