Slider Revolution

Slider Block

I talk about main slider on this block. We use Slider Revolution for main slider. Which gives you to make awesome slider.

<div class="slider-block">
   <div class="rev_slider_wrapper">
      <div class="rev_slider carrent-slider">
        < -- Revolution Slider Content -- > 
      </div> <!-- /.rev_slider -->  
   </div> <!-- /.rev_slider_wrapper -->  
</div> <!-- /.slider-block -->   

Plugin Activation

jQuery(document).ready(function() {
   jQuery(".carrent-slider").revolution({
        sliderType: "standard",
        sliderLayout: "fullwidth",
        delay: 9000,
        navigation: {
            keyboardNavigation: "on",
            keyboard_direction: "horizontal",
            mouseScrollNavigation: "off",
            onHoverStop: "on",
            touch: {
                touchenabled: "on",
                swipe_threshold: 75,
                swipe_min_touches: 1,
                swipe_direction: "horizontal",
                drag_block_vertical: false
            },
            arrows: {
                style: "gyges",
                enable: true,
                hide_onmobile: false,
                hide_onleave: true,
                tmp: '',
                left: {
                    h_align: "left",
                    v_align: "center",
                    h_offset: 10,
                    v_offset: 0
                },
                right: {
                    h_align: "right",
                    v_align: "center",
                    h_offset: 10,
                    v_offset: 0
                }
            }
        },
        responsiveLevels:[1400,1368,992,480],
        visibilityLevels:[1400,1368,992,480],
        gridwidth:[1400,1368,992,480],
        gridheight:[600,600,500,380],
        disableProgressBar:"on"
    });
});