jQuery幻灯插件

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

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

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

jQuery图片轮播插件带缩略图,响应式触屏滑动

jQuery图片轮播插件制作带缩略图的响应式图片轮播,支持手机,移动端触屏滑动图片切换效果
  幻灯片和轮播图
 20351  247

点击左右箭头滚动

点击滚动JQ插件,可自动滚动,可配置滚动速度,滚动个数等参数
  幻灯片和轮播图
 48842  387

jQuery自动轮插件jquery.SuperSlide

基于jquery.SuperSlide写的,希望大家喜欢!
  幻灯片和轮播图
 71810  436

jquery百度经验信息浏览翻页效果代码

基于jquery分步骤展示信息
  幻灯片和轮播图
 14256  189

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

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

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

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