1

4 つの画像スライドがあり、スライドが終了したらリダイレクトしたいと考えています。どうやって？

サンプルコード:

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

スーパーサイズのドキュメントによると、stop_loop設定は、最後のスライドに到達したら「一時停止」するかどうかを示すブール値であり、ループの最後にコールバックを実行する必要はなく、そこにコードを含める方法も必要ありませんあなたの質問は構文エラーです。

スライドショーが最後に達したときに通知を受け取る方法について doco には何も表示されません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 に答える