nivo slider插件使用方法

時間 2019-11-19

標籤 nivo slider 插件使用方法简体版

原文原文鏈接

引入文件
<link rel="stylesheet" href="nivo-slider.css" type="text/css" media="screen"> <script src="http://libs.baidu.com/jquery/1.7.2/jquery.min.js"></script> <script src="jquery.nivo.slider.pack.js" type="text/javascript"></script>

參數配置

參數名	參數說明	參數類型	默認值
effect	切換樣式	字符串	‘random’
slices	針對slice樣式的切換級數，數字越大切換越慢過渡越小	數字	15
boxCols	針對box樣式的切換列數，數字越大切換越慢過渡越小	數字	8
boxRows	針對box樣式的切換行數，數字越大切換越慢過渡越小	數字	4
animSpeed	切換動畫的速度	數字	500
pauseTime	相鄰兩張幻燈片切換的間隔時間	數字	3000
startSlide	從第幾張圖片開始切換	數字	0
directionNav	是否顯示‘上一張/下一張’導航	布爾值	true
controlNav	是否顯示數字導航	布爾值	true
controlNavThumbs	是否用縮略圖導航	布爾值	false
pauseOnHover	當鼠標移到幻燈片上的時候是否暫停切換	布爾值	true
manualAdvance	是否強制手動切換	布爾值	false
prevText	’上一張‘的文字	字符串	‘Prev’
nextText	’下一張‘的文字	字符串	‘Next’
randomStart	是否從一張隨機的圖片開始切換	布爾值	false
beforeChange	在幻燈片切換以前的回調函數	函數	function(){}
afterChange	在幻燈片切換以後的回調函數	函數	function(){}
slideshowEnd	在全部幻燈片都切換完畢後的回調函數	函數	function(){}
lastSlide	在最後一張幻燈片顯示的回調函數	函數	function(){}
afterLoad	在幻燈片加載完成後的回調函數	函數	function(){}