jQuery Image Slider Plugin With Cool Transitions Effects

Setup

Add the following code in the head section of your HTML document.

                            <link href="css/quake.slider.css" rel="stylesheet" type="text/css" />

                            <link href="skins/violet/quake.skin.css" rel="stylesheet" type="text/css" />                            

                            <script src="js/quake.slider-min.js" type="text/javascript"></script>

                            $(document).ready(function () {

                                $('.quake-slider').quake({

                                           effects: ['fade','slideLeft', 'slideRight', 'slideUp', 'slideDown'],

                                            thumbnails: true,

                                            animationSpeed: 500,

                                            applyEffectsRandomly: false,

                                            navPlacement: 'outside',

                                            navAlwaysVisible: true,

                                            captionOpacity: '0.8'



                                });           

                            });