Nivo Slider 简要使用文档.(2)

 controlNavThumbsSearch: '.jpg', // 查找特定字符串(controlNavThumbs必须为true)
 controlNavThumbsReplace: '_thumb.jpg', // 替换成这个字符(controlNavThumbs必须为true)
 keyboardNav: true, // 键盘控制（左右箭头）PS:建议把代码中的keypress换成keydown,因为在Chrome下有兼容问题.
 pauseOnHover: true, // 鼠标经过时暂停播放
 manualAdvance: false, // 是否手动播放(false为自动播放幻灯片)
 captionOpacity: 0.1, // 字幕透明度
 prevText: 'Prev',
 nextText: 'Next',
 randomStart: false, //是否随机图片开始
 beforeChange: function(){}, //动画开始前触发
 afterChange: function(){}, //动画结束后触发
 slideshowEnd: function(){}, // 本轮循环结束触发
 lastSlide: function(){}, // 最后一张图片播放结束触发
 afterLoad: function(){} // 加载完毕时触发
};
上面的 $.fn.nivoSlider.defaults 是一个默认的设置对象,已经加上了相应的注释.

其中 effect 属性是用来设置动画效果的,分别有以下效果:

random
fold
fade
slideInLeft
slideInRight
sliceDown
sliceDownRight
sliceDownLeft
sliceUp
sliceUpRight
sliceUpLeft
sliceUpDown
sliceUpDownLeft
sliceUpDownRight
boxRandom
boxRain
boxRainReverse
boxRainGrow
boxRainGrowReverse

 

 

[javascript]
//Keyboard Navigation  
        if(settings.keyboardNav){ 
            $(window).keypress(function(event){ 
                //Left  
                if(event.keyCode == '37'){  
                    if(vars.running) return false; 
                    clearInterval(timer); 
                    timer = ''; 
                    vars.currentSlide-=2; 
                    nivoRun(slider, kids, settings, 'prev'); 
                } 
                //Right  
                if(event.keyCode == '39'){