Devrama Slider - 支持任意 HTML 的内容滑块

  Devrama Slider 是一个图片滑块,支持很多特色功能。除了支持图片滑动,其它的 HTML 内容也支持。主要特色:响应式、图片预加载、图片延迟加载、进度条、自定义导航栏和控制按钮等等。

 

 

在线演示      插件下载

 

默认的参数配置:

$('#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
});

 

您可能感兴趣的相关文章

 

本文链接:Devrama Slider - 支持任意 HTML 的内容滑块

编译来源:梦想天空 ◆ 关注前端开发技术 ◆ 分享网页设计资源

posted @ 2014-11-18 15:53  梦想天空(山边小溪)  阅读(3730)  评论(0编辑  收藏  举报