jQuery幻灯插件

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

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

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

iSlider手机端图片滑动切换插件

iSlider.js手机幻灯片代码制作手指滑动手机端图片轮播代码
  幻灯片和轮播图
 79612  497

原生js轮播图炸裂切换效果

原生js写的图片炸裂轮播图
  幻灯片和轮播图
 25648  314

SuperSlidev2.1焦点图幻灯片tab

SuperSlide 致力于解决网站大部分特效展示问题,使网站代码规范整洁,方便维护更新。 网站上常用的“焦点图/幻灯片”“Tab标签切换”“图片滚动”“无缝滚动”等只需要一个SuperSlide即可解决!
  幻灯片和轮播图
 45995  426

swiper横向轮播

swiper横向轮播,简单好用
  幻灯片和轮播图
 86865  573

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

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

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

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