超大尺寸-動態加載圖像

Question

好的，我在頁面上有一個js腳本來調用此腳本：

     function loadTheseimages(slideList) {

                jQuery(function($){

                    var slideIterate = [];
                    var slidesObj = new Object;

                    slideIterate = slideList.split(',');

                    $.each(slideIterate, function(key, value) { 

                            slidesObj += '{image: "' + value + '"}';  

                    });


                    $.supersized({

                        // Functionality
                        slide_interval          :   3000,       // 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        :   700,        // Speed of transition

                        // Components                           
                        slide_links             :   'blank',    // Individual links for each slide (Options: false, 'num', 'name', 'blank')
                        slides                  :   [           // Slideshow Images
                                                            slidesObj  
                                                    ]

                    });                     
                });
            }

調用上述函數的腳本通過

    "http://cliffside.ca/wp-content/uploads/2012/06/cliff-side-nightsky.jpeg, http://cliffside.ca/wp-content/uploads/2012/05/Sunset.jpg, http://cliffside.ca/wp-content/uploads/2012/05/Relaxing-Room.jpg"

為什么不起作用？

http://Cliffside.ca/

Answer 1

為了澄清起見，必須將傳遞給超大對象的對象構建如下：

    var slidesObj = new Array;
    $.each( data, function( key, value ) {
        var slide = new Object;         
        slide = {image:value };  
        slidesObj.push(slide);
    });

調用超大號時只需輸入以下內容：

slides                  :   slidesObj,