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

简介:   Devrama Slider 是一个图片滑块,支持很多特色功能。除了支持图片滑动,其它的 HTML 内容也支持。主要特色:响应式、图片预加载、图片延迟加载、进度条、自定义导航栏和控制按钮等等。     在线演示      插件下载   默认的参数配置: $('#my-slide').

  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 的内容滑块

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

作者:山边小溪
主站:yyyweb.com 记住啦:)
欢迎任何形式的转载,但请务必注明出处。

相关文章
|
数据采集
正则表达式匹配html标签,获取标签内容
正则表达式匹配html标签,获取标签内容
|
XML JavaScript 前端开发
具备spring环境的测试头注解;xml 规则;JavaScript:改变 HTML 内容案例
具备spring环境的测试头注解 具备spring环境的测试头注解 test
119 1
具备spring环境的测试头注解;xml 规则;JavaScript:改变 HTML 内容案例
|
JavaScript
【Node.js练习】根据不同的url响应不同的html内容
【Node.js练习】根据不同的url响应不同的html内容
83 1
【Node.js练习】根据不同的url响应不同的html内容
|
JavaScript 前端开发 BI
04-HTML相关内容总结
04-HTML相关内容总结
74 0
04-HTML相关内容总结
|
移动开发 前端开发 HTML5
[HTML5]嵌入内容
[HTML5]嵌入内容
129 0
[HTML5]嵌入内容
|
JavaScript
使用 HTML input 元素上传本地文件,在服务器端打印出上传的内容
使用 HTML input 元素上传本地文件,在服务器端打印出上传的内容
133 0
使用 HTML input 元素上传本地文件,在服务器端打印出上传的内容
【前后内容对比】字符串或纯 HTML 对比 实现思路(1)
【前后内容对比】字符串或纯 HTML 对比 实现思路(1)
413 0
html+css实战193-内容-布局
html+css实战193-内容-布局
138 0
html+css实战193-内容-布局
html+css实战185-版权内容
html+css实战185-版权内容
115 0
html+css实战185-版权内容
html+css实战194-内容-完成
html+css实战194-内容-完成
111 0
html+css实战194-内容-完成