jquery動態背景切換全屏登錄插件supersized.js


下載地址: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:是否隨機切換圖片




免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM