Home

Awesome

jcarouselFade

Adds new method 'fade' which use fade animation for switching slides.

Features

Requirments

How to use

To use the plugin include jquery, jcarousel, jcarouselSwipe(if you need) and jcarouselFade source files into your HTML document:

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.jcarousel.min.js"></script>
<script type="text/javascript" src="js/jquery.jcarousel-swipe.min.js"></script>
<script type="text/javascript" src="js/jquery.jcarousel-fade.min.js"></script>

and set method option to 'fade':

$('.jcarousel')
    .jcarousel()          // init jcarousel
    .jcarouselSwipe({     
        draggable: false, // to work correctly you need to set draggable: false
        method: 'fade'    // and of course set method: fade
    });  
    
$('.jcarousel-pagination')
	.jcarouselPagination({
        method: 'fade'
    });
    
$('.jcarousel-control-prev')
    .jcarouselControl({
        target: '-=1',
        method: 'fade'
    });

$('.jcarousel-control-next')
    .jcarouselControl({
        target: '+=1',
        method: 'fade'
    });

Examples

You can find examples in the corresponding directory.

License

Copyright (c) 2016 Evgeniy Pelmenev. Released under the MIT license.