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

最新推荐文章于 2025-09-10 11:07:46 发布

weixin_34381666

最新推荐文章于 2025-09-10 11:07:46 发布

阅读量81

点赞数

文章标签：前端 javascript ViewUI

DevramaSlider是一款多功能图片滑块插件，支持图片滑动及任意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
});

您可能感兴趣的相关文章