jQuery幻灯插件

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

 32453  367  查看评论 (2)
分享到微信朋友圈
X
jQuery幻灯插件 ie兼容8

调用代码:

$(window).load(function() {
   $('#slider').nivoSlider();
});

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加载后调用

相关插件-幻灯片和轮播图

不规则图片切换特效

TweenMax不规则图片切换特效
  幻灯片和轮播图
 46612  594

简单的jquery轮播图插件

简单的jquery轮播图插件,方便易懂
  幻灯片和轮播图
 43578  364

Jquery轮播图

简洁大气轮播图插件,可控制点击切换或者移至切换。代码逻辑清晰,便于学习。授人以鱼不如授人以渔。
  幻灯片和轮播图
 43702  347

bootstrap响应的另一种轮播形式

应用官网Carousel的另一种响应式轮播,在也不用费力找插件了。只要引入bootstrap,好不容易弄出来的……
  幻灯片和轮播图
 81647  488

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

    飞舟 0
    2016/4/14 8:04:22
    很不错的插件,打算用在自己的网站上,哈哈 回复
    carlosvela 0
    2015/8/18 16:08:50

    今天把这个插件用在了项目上,很不错!

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