Devrama Slider

Devrama Slider is a picture slider that supports many special functions. In addition to supporting image sliding, other HTML content is also supported. Main features: responsiveness, image preloading, image lazy loading, progress bar, custom navigation bar and control buttons, etc.

Online demo Plug-in download

Default parameter configuration:

$('#my-slide').DrSlider({    width: undefined,    height: undefined,    userCSS: false,    transitionSpeed: 1000,    duration: 4000,    showNavigation: true,    classNavigation: undefined,    navigationColor: '#9F1F22',    navigationHoverColor: '#D52B2F',    navigationHighlightColor: '#DFDFDF',    navigationNumberColor: '#000000',    positionNavigation: 'out-center-bottom',    navigationType: 'circle',    showControl: true,    classButtonNext: undefined,    classButtonPrevious: undefined,    controlColor: '#FFFFFF',    controlBackgroundColor: '#000000',    positionControl: 'left-right',    transition: 'slide-left',    showProgress: true,    progressColor: '#797979',    pauseOnHover: true,    onReady: undefined});