繁体   English   中英

超大尺寸-动态加载图像

[英]Supersized - loading images dynamically

好的,我在页面上有一个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/

为了澄清起见,必须将传递给超大对象的对象构建如下:

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

调用超大号时只需输入以下内容:

slides                  :   slidesObj,

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM