超大jQuery功能

Question

我一直在研究超大jQuery插件的定制，它的工作原理绝对不错。 我已经在其幻灯片功能中将图像添加为带有标题的数组。 现在，我想对幻灯片中定义的图像进行缓慢放大。

这是我当前的代码：

jQuery(function($){
            $.supersized({
                // Functionality
                slideshow               :   1,          // Slideshow on/off
                autoplay                :   1,          // Slideshow starts playing automatically
                start_slide             :   1,          // Start slide (0 is random)
                stop_loop               :   0,          // Pauses slideshow on last slide
                random                  :   0,          // Randomize slide order (Ignores start slide)
                slide_interval          :   5000,       // Length between transitions
                transition              :   2,          // 0-None, 1-Fade, 2-Slide Top, 3-Slide Right, 4-Slide Bottom, 5-Slide Left, 6-Carousel Right, 7-Carousel Left
                transition_speed        :   500,        // Speed of transition
                new_window              :   1,          // Image links open in new window/tab
                pause_hover             :   0,          // Pause slideshow on hover
                keyboard_nav            :   1,          // Keyboard navigation on/off
                performance             :   3,          // 0-Normal, 1-Hybrid speed/quality, 2-Optimizes image quality, 3-Optimizes transition speed // (Only works for Firefox/IE, not Webkit)
                image_protect           :   1,          // Disables image dragging and right click with Javascript

                // 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')
                thumb_links             :   1,          // Individual thumb links for each slide
                thumbnail_navigation    :   1,          // Thumbnail navigation
                slides                  :   [           // Slideshow Images
                                                {image : 'images/background-slideshow/1.jpg', title : '<div id="slidecountertop"><p>Test 1 title</p></div>},
                                                {image : 'images/background-slideshow/2.jpg', title : '<div id="slidecountertop"><p>Integer turpis</p></div},
                                                {image : 'images/background-slideshow/3.jpg', title : '<div id="slidecountertop"><p>Test 3 title</p></div>},
                                                {image : 'images/background-slideshow/4.jpg', title : '<div id="slidecountertop"><p>Test title 4</p></div>},
                                                {image : 'images/background-slideshow/5.jpg', title : '<div id="slidecountertop"><p>Test title 5</p></div>}
                                            ],

                    // Theme Options               
                    progress_bar            :   0,          // Timer for each slide                         
                    mouse_scrub             :   0


        });
        });

Answer 1

jQuery(function($){
            $.supersized({
                // Functionality
                slideshow               :   1,          // Slideshow on/off
                autoplay                :   1,          // Slideshow starts playing automatically
                start_slide             :   1,          // Start slide (0 is random)
                stop_loop               :   0,          // Pauses slideshow on last slide
                random                  :   0,          // Randomize slide order (Ignores start slide)
                slide_interval          :   5000,       // Length between transitions
                transition              :   2,          // 0-None, 1-Fade, 2-Slide Top, 3-Slide Right, 4-Slide Bottom, 5-Slide Left, 6-Carousel Right, 7-Carousel Left
                transition_speed        :   500,        // Speed of transition
                new_window              :   1,          // Image links open in new window/tab
                pause_hover             :   0,          // Pause slideshow on hover
                keyboard_nav            :   1,          // Keyboard navigation on/off
                performance             :   3,          // 0-Normal, 1-Hybrid speed/quality, 2-Optimizes image quality, 3-Optimizes transition speed // (Only works for Firefox/IE, not Webkit)
                image_protect           :   1,          // Disables image dragging and right click with Javascript

                // 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')
                thumb_links             :   1,          // Individual thumb links for each slide
                thumbnail_navigation    :   1,          // Thumbnail navigation
                slides                  :   [           // Slideshow Images
                                                {image : 'images/background-slideshow/1.jpg', title : '<div id="slidecountertop"><p>Test 1 title</p></div>'},
                                                {image : 'images/background-slideshow/2.jpg', title : '<div id="slidecountertop"><p>Integer turpis</p></div'},
                                                {image : 'images/background-slideshow/3.jpg', title : '<div id="slidecountertop"><p>Test 3 title</p></div>'},
                                                {image : 'images/background-slideshow/4.jpg', title : '<div id="slidecountertop"><p>Test title 4</p></div>'},
                                                {image : 'images/background-slideshow/5.jpg', title : '<div id="slidecountertop"><p>Test title 5</p></div>'}
                                            ],

                    // Theme Options               
                    progress_bar            :   0,          // Timer for each slide                         
                    mouse_scrub             :   0


        });
        });