<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider({
effect: 'random', // Specify sets like: 'fold,fade,sliceDown'
slices: 15, // For slice animations
boxCols: 8, // For box animations
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
controlNav: true, // 1,2,3... navigation
controlNavThumbs: false, // Use thumbnails for Control Nav
pauseOnHover: true, // Stop animation while hovering
manualAdvance: false, // Force manual transitions
prevText: 'Prev', // Prev directionNav text
nextText: 'Next', // Next directionNav text
randomStart: false, // Start on a random slide
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>
on the Nivo Slider Website -> Documentation -> jQuery Plugin Usage you will find this on the bottom of the page:
The Nivo Slider has plenty of options to fiddle with. Below is an example of the code with all available options and their defaults:
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider({
effect: 'random', // Specify sets like: 'fold,fade,sliceDown'
slices: 15, // For slice animations
boxCols: 8, // For box animations
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
controlNav: true, // 1,2,3... navigation
controlNavThumbs: false, // Use thumbnails for Control Nav
pauseOnHover: true, // Stop animation while hovering
manualAdvance: false, // Force manual transitions
prevText: 'Prev', // Prev directionNav text
nextText: 'Next', // Next directionNav text
randomStart: false, // Start on a random slide
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>
发布评论
评论（4）
这是您要找的吗？ Nivo 滑块 它位于页面底部。
Is this what you're looking for? Nivo Slider It's at the bottom of the page.
请参阅此处。
第四个代码块中列出了选项
See this page here.
The options are listed in the fourth code block
如果您正在寻找设置，它们位于第 637 行以后的
jquery.slider.js中if you are looking for settings they are in
jquery.slider.json line # 637 onwards在 Nivo Slider 网站上 -> 文档 -> jQuery 插件用法您将在页面底部找到：
Nivo 滑块有很多选项可供使用。下面是包含所有可用选项及其默认值的代码示例：
效果参数可以是以下任意一个：
on the Nivo Slider Website -> Documentation -> jQuery Plugin Usage you will find this on the bottom of the page:
The Nivo Slider has plenty of options to fiddle with. Below is an example of the code with all available options and their defaults:
The effect parameter can be any of the following: