Home / Premium Pro Plugins / Degrade – The Swiss Army Slider

Degrade – The Swiss Army Slider

1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)


follow SakuraPixel

Degrade – The Responsive Multipurpose Slider

Degrade – the swiss-army-slider is a , totally customizable slider,
with habits and all-in-one options. It sports activities a 40+ choices variation,
the slider‘s look will be personalized by its eight totally different shadows, four totally different nook type,
6 totally different management varieties, limitless colours, shortcodes, captions type, fullscreen habits,
supplying you with the potential of making actually a whole lot of various sliders.

The slider will be additionally used as a banner, can play video, can show captions wherever you need,
can be utilized as promoting software in addition to show panel.

Make one of the best of it!


Design variation
Simply change its feel and look inside seconds. Degrade Slider comes with a lot of prebuilt belongings like shadows, corners, controls.
Limitless colours, you may simply change each element’s coloration contained in the slider making it distinctive. Alternatively you may disable any design element and create HTML banners that run throughout all units.

All slides are being dynamically loaded trough Ajax,
we paid particular consideration to its efficiency whereas retaining its wealthy design,
slides can be found as quickly as they’re loaded, there aren’t any reminiscence leaks,
Degrade Slider can be optimized for contact/drag display screen occasions.

Degrade Slider comes with builtin shortcodes. Shortcodes makes it straightforward so as to add totally different parts that you simply would possibly want contained in the slider.
For instance you want a crimson button with rounded corners, you merely add the next code inside a caption:

    <a href="http://yourlink.com" class="degradeButton roundButton crimson">Button</a>

See all obtainable shortcodes throughout the preview.

Whether or not you‘re displaying on desktops, pill, mobiles, your work, your pictures, your merchandise will at all times look the identical!

PSD and Assist recordsdata
Degrade Slider comes with layered PSD and all of the design parts (shadows, arrows, buttons and corners). See assist recordsdata right here: ReadMe

Slider choices

               slideAnimationType: "easeOutQuint",          //slider's animation/transition kind               
               slideAnimationDuration: 600,                 //slides default animation length
               enableTouchDragSlides: true,                 //allow/disable contact and drag slides
               autoPlay: false,                             //autoplay slides
               autoPlayInterval: 5000,                      //autoplay interval (5 seconds)
               pauseAutoplayOnHover: true,                  //pause autoplay on hover
               autoPlayStopAtEnd: true,                     //cease autoplay on the finish (might be used for banner creation)
               autoScale: true,                             //responsive habits
               showShadow: true,                            //present slider shadow
               shadowType: 'ShadowType01',                  //shadow kind (there are eight shadow varieties obtainable ShadowType01 ....to ...ShadowType08)
               showBottomCorners: true,                     //present backside corners
               bottomCornersStyle: "CornerStyle01",         //corners type (there are four nook varieties obtainable CornerStyle01 ....to ...CornerStyle04)
               showCenterButtons: true,                     //present middle navigation buttons
               showCenterButtonsBackground: false,          //present middle navigation button's background
               centerButtonsAdjustPosition: 20,             //alter middle navigation buttons vertical place (ex: 20 or -20)
               showCenterButtonsStyle: "Model01",           //middle navigation button's type (there are two type obtainable Model01 and Model02)
               enableKeyboardNav: true,                     //allow/disable keyboard navigation
               showSliderBackground: true,                  //allow/disable sliders's background         
               sliderBackgroundColor: "#FFFFFF",            //sliders's background coloration
               sliderBackgroundOpacity: .2,                 //sliders's background opacity
               sliderShowBorder: true,                      //allow/disable sliders's border
               sliderBorderColor: "#FFFFFF",                //sliders's border coloration
               sliderShowInnerBorder: true,                 //allow/disable sliders's interior border
               sliderInnerBorderColor: "#FFFFFF",           //sliders's interior border coloration
               showLeftRightNav: true,                      //allow/disable sliders's arrows navigation
               showLeftRightNavIsBackground: false,         //sliders's arrows navigation background
               leftRightNavBackgroundColor: "#212121",      //sliders's arrows navigation background coloration
               leftRightNavType: "Nav04",                   //sliders's arrows navigation kind (there are four varieties obtainable: Nav01 to Nav04)
               leftNavAdjustPosition: 10,                   //alter horizontal place of left navigation arrow
               rightNavAdjustPosition: -10,                 //alter horizontal place of proper navigation arrow
               showSliderPreloader: true,                   //allow/disable slider's preloader               
               showDragCursor: false,                       //present drag cursor
               enableFullScreen: true,                      //allow/disable native full display screen (for browsers that helps full display screen)
               normalWidth: 800,                            //default slider width
               normalHeight: 400                            //default slider peak     

Degrade Slider helps limitless captions on every slide, you may add any HTML content material inside captions.

Every caption has predefined properties and animations which you’ll be able to override from inside HTML. See obtainable properties under.

                positionX:"zero",                                  //caption place X
                positionY:"zero",                                  //caption place Y
                animation:"None",                               //caption's animation cpuld be (None, SlideFromLeft, SlideFromRight, SlideFromTop, SlideFromBottom)
                animationType:"easeOutQuint",                   //animation transition kind (see NOTE above)
                animationDuration: 500,                         //animation length (see NOTE above)
                delayAnimation:zero,                               //delay animation begin (see NOTE above)
                isBackground: "false"                           //caption background
                backgroundColor: "#212121",                     //caption background coloration
                backgrondTransparency: .5,                      //caption background transparency
                fullWidthVideo: "false"                         //caption full width video (see pattern with video)  

Different Options

  • Full-screen assist
  • Contact optimized
  • jQuery Powered
  • Limitless coloration variation
  • Customized Design
  • PSD Supply Included
  • Documentation Included


Preview Photographs (Fotolia.com). Please observe that the preview pictures will not be included throughout the obtain file.

Photographs included throughout the obtain file (Publicdomainpictures.internet).

Social Media Balloon Icon Set by (Double-J Design).


Check Also


Double Colors

DOWNLOAD It’s countless recreation. You want faucet for rotate blocks. Contact similar colours! Watch video ...


Love Calculator

DOWNLOAD Love calculator is a enjoyable software the place buddies and can calculate the share ...