jquery動態背景切換全屏登錄插件supersized.js
阿新 • • 發佈:2018-05-24
fire 居中 -o 單擊 暫停 BE between dede hover
下載地址:https://download.csdn.net/download/t101lian/10434198 預覽:
http://www.daimabiji.com/codedemo/1530
http://www.jq22.com/jquery-info3153
jQuery
jQuery(function($){ $.supersized({ // Functionality slide_interval : 5000, // Length between transitions transition : 1, // 0-None, 1-Fade, 2-Slide Top, 3-Slide Right, 4-Slide Bottom, 5-Slide Left, 6-Carousel Right, 7-Carousel Left transition_speed : 3000, // Speed of transition performance : 1, // 0-Normal, 1-Hybrid speed/quality, 2-Optimizes image quality, 3-Optimizes transition speed // (Only works for Firefox/IE, not Webkit) // Size & Position min_width : 0, // Min width allowed (in pixels) min_height : 0, // Min height allowed (in pixels) vertical_center : 1, // Vertically center background horizontal_center : 1, // Horizontally center background fit_always : 0, // Image will never exceed browser width or height (Ignores min. dimensions) fit_portrait : 1, // Portrait images will not exceed browser height fit_landscape : 0, // Landscape images will not exceed browser width // Components slide_links : ‘blank‘, // Individual links for each slide (Options: false, ‘num‘, ‘name‘, ‘blank‘) slides : [ // Slideshow Images {image : ‘./img/1.jpg‘}, {image : ‘./img/2.jpg‘}, {image : ‘./img/3.jpg‘} ] }); });
參數說明:
vertical_center:是否讓圖像垂直居中,如果為0,則圖像為頂端對齊。
slideshow:是否顯示展示工具條,包括標題、圖片數字和導航按鈕。
navigation:是否展示導航按鈕。
thumbnail_navigation:為1時可以通過單擊縮略圖導航切換圖片,為0時,縮略圖不顯示。
pause_hover:是否鼠標滑向圖片時暫停圖片切換。
transition:圖片切換效果,0-無,1-淡入淡出,2-向上滑動,3-向右滑動,4-向下滑動,5-向左滑動。
slide_counter:是否顯示切換圖片的數字。
slide_captions:是否顯示圖片標題。
slide_interval:圖片切換間隔時間(毫秒)
slides:所切換的圖片集合,包括圖片地址image,圖片標題title,圖片鏈接url。
autoplay:是否自動播放。
transition_speed:切換速度,默認750。
keyboard_nav:是否支持鍵盤操作切換。
random:是否隨機切換圖片
jquery動態背景切換全屏登錄插件supersized.js