Nivo Slider 史上最棒的jQuery插件

  • 16个独特的过渡效果
  • 简洁和有效的标记
  • 加载参数设置
  • 内置方向和导航控制
  • 压缩版本大小只有12KB
  • 支持链接图像
  • 支持 HTML 标题
  • 3套精美光滑的主题
  • 在MIT许可下免费使用
  • 支持响应式设计

使用例子

Javascript 代码

引用类库

调用代码

你可以自定义如下选项:

  • effect: 设置幻灯变化效果,可以使用'random', 或者指定效果如, 'fold,fade,sliceDown'
  • slices: slice动画效果参数
  • boxCols: box动画效果参数
  • boxRows:box动画效果参数
  • animSpeed: 动画变化速度
  • pauseTime: 每个幻灯时间
  • startSlide: 起始幻灯
  • directionNav: 是否显示“上一个”和“下一个”导航
  • directionNavHide: 是否悬浮显示导航
  • controlNav: 是否显示导航控制
  • controlNavThumbs: 导航是否使用缩略图
  • controlNavThumbsFromRel: 是否让图片使用rel
  • controlNavThumbsSearch: 导航缩略图后缀
  • controlNavThumbsReplace: 导航缩略图替换
  • keyboardNav: 是否键盘导航
  • pauseOnHover: 悬浮是否停止
  • manualAdvance: 是否手动变化幻灯
  • captionOpacity: 标题透明度
  • prevText: 上一张文字设定
  • nextText: 下一张文字设定
  • randomStart: 是否随机开始
  • beforeChange: 函数,在幻灯变化前调用
  • afterChange:函数,在幻灯变化后调用
  • slideshowEnd:函数,在幻灯变化完成调用
  • lastSlide:函数,在最后一个幻灯变化完成调用
  • afterLoad: 函数,slider加载后调用

代码例子

html 代码

官网地址:http://dev7studios.com/plugins/nivo-slider

插件下载:http://dev7studios.com/downloads/63

效果演示:http://demo.dev7studios.com/nivo-slider

28 收藏


直接登录

推荐关注