Home » Carousel.us
- Download
- You can download it here.
- What is it ?
- Carousel.us is a Javascript 3D carousel, using the MooTools framework.
It has been tested on Firefox 2+, Opera 9+, Safari 3+, IE 6+, Chrome 1.
- Demonstration
- You can try out the demonstration on this page.
- Easy-to-use
-
Edit the index.html file.
Add the img tags.
In your head tags, add those lines :
<script type="text/javascript" src="_js/mootools.js"></script>
<script type="text/javascript" src="_js/carousel.us.js"></script>
Then, add those lines to launch and define the carousel class on the gobal div with the id container :
<script type="text/javascript">
document.addEvent('domready', function() {
var carousel = new Carousel($('container'));
});
</script>
You can pass parameters: i.e :
var carousel = new Carousel($('container'), { display_text: false [, options...] });Or you also can edit the carousel.us.js file and define the options.
If you want to add a specific text for the images, insert it in a div tag with the class that you defined in the declaration of the carousel (or by editing the carousel.us.js file) and the relative id (i.e: if my image filename was 3_petits_cochons, the relative id would be 3_petits_cochons).
- Documentation
- Here are the several parameters for the configuration file :
display_text Display or not the text for each image (true or false) textfield The id for the text container (string) texts_class The class for each div containing text (string) opacity Reflection opacity (0-1) height Reflection height (0-1) 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 (number) speed Carousel speed (number) depth The height (distance) when carousel disappears on click (pixels) duration Animations duration (ms) zoomIn Scale ratio (0-1) padding The CSS padding-left for the textfield (pixels)
- Need help or Report bugs ?
- You can report bugs or get some help on the forum.