Nivo Slider for jquery and wordpress plugin
来源:互联网 发布:java获取form表单数据 编辑:程序博客网 时间:2024/05/16 05:56
Nivo Slider 为jquery 和wordpress 打造的多种焦点图切换方式插件
Nivo slider :官方地址:http://nivo.dev7studios.com
demo 样式 地址:http://nivo.dev7studios.com/demos/
下载地址:http://nivo.dev7studios.com/pricing/
div +css 请参照原文 ,这里不做详细的介绍
jquery插件 方法介绍地址:http://nivo.dev7studios.com/support/jquery-plugin-usage/
nivoslider.js原文 jquery 默认方法
<script type="text/javascript"> $(window).load(function () { $('#slider').nivoSlider({ effect: 'random', // effect过渡效果图片切换效果。 slices: 15, // effect为切片效果时的数量 boxCols: 8, // For box animations 盒装动画 默认8列 boxRows: 4, // For box animations 盒式动画 默认四行 (还没搞懂神马,在运行百叶窗时 有这个四行八列的效果。应该是控制这个的) animSpeed: 500, // Slide transition speed 动画切换速度(毫秒) pauseTime: 3000, // How long each slide will show图片切换间隔时间(毫秒) startSlide: 0, // Set starting Slide (0 index) 图片切换开始图片编号 directionNav: true, // Next & Prev navigation 是否显示图片切换左右按钮 directionNavHide: true, // Only show on hover 是否鼠标在图片上才显示左右切换按钮 controlNav: true, // 1,2,3... navigation 显示序列导航 即显示每张图片的按钮 controlNavThumbs: false, // Use thumbnails for Control Nav 是否使用缩略图控制导航 pauseOnHover: true, // Stop animation while hovering 当鼠标滑向图片时,停止切换 manualAdvance: false, // Force manual transitions 是否不自动切换,false为自动切换,当为true时,需要手动切换 prevText: 'Prev', // Prev directionNav text 上一张图片 nextText: 'Next', // Next directionNav text 下一张图片 randomStart: false, // Start on a random slide 随机开始(暂时没搞懂这个参数的意义) //好像还有以下一些参数,官方3.1好像还有没有罗列的参数controlNavThumbsFromRel: false, // 使用img的rel属性作为缩略图地址 controlNavThumbsSearch: ".jpg", // 缩略图的类型 controlNavThumbsReplace: "_thumb.jpg", //缩略图后缀 keyboardNav: true, //是否支持键盘方向键切换(貌视IE不支持) captionOpacity: 0.5, //设置图片标题说明的背景透明度 ,这个很实用 beforeChange: function () { }, // Triggers before a slide transition afterChange: function () { }, // Triggers after a slide transition slideshowEnd: function () { }, // Triggers after all slides have been shown lastSlide: function () { }, // Triggers when last slide is shown afterLoad: function () { } // Triggers when slider has loaded }); });</script>
- Nivo Slider for jquery and wordpress plugin
- Getting started with the Nivo Slider jQuery Plugin
- jQuery幻灯插件:Nivo Slider
- jquery插件nivo-slider实现幻灯效果
- 号称最好的JQUERY幻灯片-NIVO SLIDER
- 号称最好的JQUERY幻灯片-NIVO SLIDER
- jQuery.nivo.slider.js 幻灯片图片切换
- jquery.nivo.slider轮播插件使用
- jquery.nivo.slider.pack.js 插件
- Nivo Slider 简要使用文档(jQuery幻灯片插件)
- 超棒的免费jQuery幻灯插件:Nivo Slider
- 基于JQuery的轮播图插件nivo-slider使用教程
- JQuery插件之(四)--轮播图nivo-slider使用教程
- 基于JQuery的轮播图插件nivo-slider使用教程
- 基于JQuery的轮播图插件nivo-slider使用教程
- 基于JQuery的轮播图插件nivo-slider使用教程
- Drupal7 幻灯片 Nivo Slider
- Nivo Slider Settings
- RIM任松伟:黑莓引领企业移动化主题演讲
- 浅谈MySQL索引背后的数据结构及算法
- DirectShow学习之二做一个简单的媒体文件播放器
- Linux入门:磁盘分区(理论篇)
- Java 执行外部程序报1072365564错误问题的解决方法
- Nivo Slider for jquery and wordpress plugin
- win7 访问xp的共享, 帐号和密码都正确,却总是出现让重输入密码的对话框
- 全部.cs文件生成dll
- DirectShow学习之三媒体播放过程分析
- C函数返回局部变量
- vs2005无法断点调试网站,断点失效 IE8 .
- 用到的函数
- c#获得网站访问来源地址
- 1次ajax请求(XMLHttpRequest)上传多个文件,支持进度条