这款jQuery插件Nivo Slider,除了一般该有的参数设置外,最大的亮点就是其集成了16种(v2.5.1)过渡效果 ,再加上对CSS的调整,效果相信已经可以和很多Flash版本的焦点图相媲美了…… 插件同时还支持缩略图导航以及键盘控制。
参数列表:
effect: 'random',// 过渡效果
slices: 15,
boxCols: 8,
boxRows: 4,
animSpeed: 500,
pauseTime: 3000,
startSlide: 0, // 第几张开始,从0开始计算
directionNav: true, // 是否显示上一张下一张按钮
directionNavHide: true, // 是否只在经过时显示
controlNav: true, // 序列导航:1、2、3、4...
controlNavThumbs: false, // 图片导航
controlNavThumbsFromRel: false, // 使用img的rel属性作为缩略图地址
controlNavThumbsSearch: '.jpg', // 查找这个字符串...然后...
controlNavThumbsReplace: '_thumb.jpg', // ...然后用这个字符串代替于缩略图的src
keyboardNav: true, // 键盘控制(左右箭头)
pauseOnHover: true, // 鼠标经过时暂停轮播
manualAdvance: false, // 强制手动转换
captionOpacity: 0.8,
prevText: 'Prev',
nextText: 'Next',
beforeChange: function(){},
afterChange: function(){},
slideshowEnd: function(){}, // 所有显示完毕后触发
lastSlide: function(){}, // 最后一张图显示时触发
afterLoad: function(){} // 加载完毕时触发
转自:http://dtop.powereasy.net/Item/147.aspx
分享到:
相关推荐
如果你需要演示新产品,或者你需要比较酷的幻灯片转化效果,Nivo幻灯是你的一个选择之一: 号称世界最棒的jQuery幻灯插件 16种幻灯变化的特效 简单并且配置灵活 体积小并且符合语义 jQuery插件使用免费
jQuery渐变式幻灯片nivo slider百叶窗图片切换 jQuery渐变式幻灯片nivo slider百叶窗图片切换
jQuery nivo.slider图片滑动幻灯片插件带有标题图
Nivo-Slider是一款非常强大的响应式jQuery幻灯片插件。该幻灯片插件内置有16种不同的动画过渡效果。它提供了丰富的参数来控制幻灯片的播放。它使用简单,并且可以兼容IE8浏览器。
jQuery超酷百叶窗幻灯片是一款jquery.nivo.slider图片幻灯片插件制作超酷的百叶窗图片切换特效。
一个很好的jquery幻灯片插件,内有使用说明。
jQuery 优秀插件 包含jquery-ui AnythingSlider_滑动面板 ...jquery.yoxview-2.2-幻灯片浏览 nivo-slider2.3拥有9种过度效果的超级smooth slider quicksand.1.2.1重新排序 Jquery.tools.tabs tab 层旋转
js: jQuery library +- images: theme files copied from nivo-slider +- step.html: a sample html +- jump.html: another sample html参考Nivo Slider: ://nivo.dev7studios.com jQuery库创建照片幻灯片放映...
幻灯片是,本着简约的jQuery幻灯片插件。挤满了一套有用的功能,以帮助新手和高级开发人员创造优雅和用户友好的幻灯片。 jQuery的周期插件 jQuery的周期插件支持许多不同类型的过渡效果的幻灯片插件 。它支持悬停...
如果你想知道这是如何实现的,那么本文收集的30个幻灯片插件和教程将帮助您实现这种效果。 JCOVERFLIP Live Demo CREATE A CUSTOM IMAGE GALLERY WITH JCAROUSEL Live Demo COIN SLIDER Live Demo LOOPEDSLIDER ...
jquery不规则随机切换焦点图是一款jquery.nivo.slider banner不规则随机切换带文字提示的图片幻灯片切换。
Nivo Slider (演示 | 下载) Interactive Photo Desk (演示 | 下载) Beautiful Photo Stack Gallery with jQuery and CSS3 (演示 | 下载) Micro Image Gallery: A jQuery Plugin (演示 | 下载) ...