一款轻量级简单易用的轮播图插件Unsliderjs

所属分类:媒体-幻灯片和轮播图

分享到微信朋友圈
X
一款轻量级简单易用的轮播图插件Unsliderjs   ie兼容12

默认用法

Unslider.create('.default-slider');


自动滑块

Unslider.create('.automatic-slider', {
    autoplay: true
});


垂直滑块

Unslider.create('.vertical-slider', {    
    animation: 'vertical',
    autoplay: true,
    infinite: true
});


自动淡入淡出动画

Unslider.create('.fading-slider', {
    animation: 'fade',
    autoplay: true,
    arrows: false
});


完全手动滑块

var unslider = Unslider.create('.manual-slider', {
    keys: false,
    arrows: false,
    nav: false
});
//  Delay is a custom function
$('#manual').on('change', function () {
    unslider.animate($(this).val());
});


无限滑块

Unslider.create('.infinite-slider', {    
    infinite: true
});
相关插件-幻灯片和轮播图

可拖动的轮播插件(视频存在进度条,swiper插件)

可以拖拽实现切换图片,可以将图片和视频一起实现滑动。视频存在进度条,进度条完毕,实现切换
  幻灯片和轮播图
 41454  377

带缩略图轮播效果(全屏切换)

点击缩略图或点击缩略图左右按钮进行切换
  幻灯片和轮播图
 51475  432

基于swiper相应式轮播图插件

基于swiper相应式轮播图插件,带banner计时切换和支持移动端触屏切换
  幻灯片和轮播图
 30675  362

jQuery个性化数字焦点图代码

jQuery个性化数字焦点图代码,底部4个焦点数字编码,左右展开,同时展开文字说明
  幻灯片和轮播图
 29570  315

讨论这个项目(0)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复