jQuery Carousel 3D Plugin Demos

                    
$('#sample1').carousel3d();
                    
                 

Options

# Parameter Default Detail
1 perspective 500 Specify carousel's perspective value.
The smaller value is, the more carousel looks three-dimensional.
2 duration 1000 Time of transition.
3 width null* Carousel width.
* In the default case, specified the elements width automatically.
4 progress true The flag for displaying indicator or not.
When it's true, display indicator.
When it's false, not display.
5 controller true The flag for displaying contoroller or not.
When it's true, display controller.
When it's false, not display.
6 prevText prev Text for prev controller.
7 nextText next Text for next controller.

perspective

                    
$('#sample2').carousel3d( {
    perspective: 1500
});
                    
                 

duration

                    
$('#sample3').carousel3d( {
    duration: 5000
});
                    
                 

width

                    
$('#sample4').carousel3d( {
    width: 800
});
                    
                 

progress

                    
$('#sample5').carousel3d( {
    progress: false
});
                    
                 

controller

                    
$('#sample6').carousel3d( {
    controller: false
});
                    
                 

prevText

                    
$('#sample7').carousel3d( {
    prevText: '前へ'
});
                    
                 

nextText

                    
$('#sample7').carousel3d( {
    nextText: '次へ'
});
                    
                 

Methods

# name Parameter Detail
1 next none Move to next list.
2 prev none Move to prev list.
3 move index{Number} Move to specified list.
4 refresh options{Object} Refresh with new options
5 destroy none Destroy 3D carousel.

next

Next!!!!!
                    
$('#sample7').carousel3d('next');
                    
                 

prev

Prev!!!!!
                    
$('#sample7').carousel3d('prev');
                    
                 

move

Move to 8th!!!!!
                    
$('#sample7').carousel3d('move', 8);
                    
                 

refresh

Refresh!!!
                    
$('#sample10').carousel3d('refresh', {
    perspective: 800,
    duration: 100,
    width: 200,
    progress: false
});
                    
                 

destroy

Destroy!!!
                    
$('#sample11').carousel3d('destroy');