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 : [
                    if (data)
                    {
                        window.location = "http://www.google.com/";
                    }
                    ], // Pauses slideshow on last slide
        random: 0,     // Randomize slide order (Ignores start slide)
        slide_interval : 9000,  // Length between transitions
        transition : 6, // 0-None, 1-Fade, 2-Slide Top, 3-Slide Right, 
                            // 4-Slide Bottom, 5-Slide Left, 6-Carousel Right, 
                            // 7-Carousel Left
        transition_speed : 2000, // Speed of transition
    });
});
4

1 回答 1

4

根据Supersized 文档，stop_loop设置是一个布尔值，表示到达最后一张幻灯片后是否“暂停”，在循环结束时不需要回调来运行，以及您在其中包含代码的方式你的问题是语法错误。

我在文档中没有看到任何关于在幻灯片结束时接收通知的方法，所以唯一想到的（除了更改超大源）是setTimeout()：

jQuery(function($){
    var interval = 9000,
        speed = 2000,
        slideArray = [];  // add your slides to this array

    $.supersized({
        slideshow : 1,
        autoplay : 1,
        start_slide : 1,
        stop_loop : true, // Pauses slideshow on last slide
        random: 0,
        slides : slideArray,
        slide_interval : interval,
        transition : 6,
        transition_speed : speed,
    });

    setTimeout(function() {
        if (data) 
           window.location = "http://www.google.com/";
    }, (interval + speed) * slideArray.length);    
});

也就是说，计算整个幻灯片应该花费多长时间并在这段时间之后运行您的重定向代码。您的代码没有指定任何幻灯片，但我添加了一个数组变量，可以在其中指定它们并使用该数组的长度来计算延迟。

于 2012-07-26T04:04:26.837 回答