jQuery幻灯插件

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

 28445  338  查看评论 (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加载后调用

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

纯CSS全屏轮播滑块

用CSS制作交互式滑块,这是可能的,没有使用任何JavaScript。在这里下面教程告诉你如何使纯CSS不使用jQuery或基于JavaScript来创建全屏滑块。
  幻灯片和轮播图
 44284  372

jquery仿flash漂亮横向图片滚动效果

jquery仿flash漂亮横向图片滚动效果
  幻灯片和轮播图
 30786  319

3D轮播幻灯片

支持多种3D轮播切换特效
  幻灯片和轮播图
 42851  610

html5全屏幻灯片切换

html5全屏阶梯式图片幻灯片切换
  幻灯片和轮播图
 28207  361

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

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

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

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