超大 - 选择不同的幻灯片答案

【问题标题】：Supersized - choose different set of slides超大 - 选择不同的幻灯片
【发布时间】：2013-10-07 05:03:33
【问题描述】：

我为我的网站使用了 Supersized 插件，想知道是否可以执行以下操作：

我有5组图片，一组2张。
页面加载时，随机播放一组然后停止。

基本上，我想在每次重新加载页面时选择不同的幻灯片集。

感谢您的帮助。

【问题讨论】：

标签： javascript jquery supersized

【解决方案1】：

我自己想出来的：

    var setnum;
setnum = Math.floor((Math.random()*5)+1);
switch (setnum)
{
case 1:
jQuery(function($){ 
    $.supersized({
    // Functionality
        slide_interval          :   5000,       // Length between transitions
        transition              :   1,          // 0one, 1-Fade, 2-Slide Top, 3-Slide Right, 4-Slide Bottom, 5-Slide Left, 6-Carousel Right, 7-Carousel Left
        transition_speed        :   3000,       // Speed of transition
        stop_loop               :   1,          //Pauses slideshow upon reaching the last slide.
    // Components                           
    slide_links             :   'blank',    // Individual links for each slide (Options: false, 'num', 'name', 'blank')
    slides                  :   [           // Slideshow Images
        {image : 'image1.jpg'},
        {image : 'image1-2.jpg'},
                                ]

            });
    });
  break;
case 2:
jQuery(function($){ 
    $.supersized({
    // Functionality
        slide_interval          :   5000,       // Length between transitions
        transition              :   1,          // 0one, 1-Fade, 2-Slide Top, 3-Slide Right, 4-Slide Bottom, 5-Slide Left, 6-Carousel Right, 7-Carousel Left
        transition_speed        :   3000,       // Speed of transition
        stop_loop               :   1,          //Pauses slideshow upon reaching the last slide.
    // Components                           
    slide_links             :   'blank',    // Individual links for each slide (Options: false, 'num', 'name', 'blank')
    slides                  :   [           // Slideshow Images
        {image : 'image2.jpg'},
        {image : 'image2-2.jpg'},
                                ]

            });
    });
  break;
case 3:
jQuery(function($){ 
    $.supersized({
    // Functionality
        slide_interval          :   5000,       // Length between transitions
        transition              :   1,          // 0one, 1-Fade, 2-Slide Top, 3-Slide Right, 4-Slide Bottom, 5-Slide Left, 6-Carousel Right, 7-Carousel Left
        transition_speed        :   3000,       // Speed of transition
        stop_loop               :   1,          //Pauses slideshow upon reaching the last slide.
    // Components                           
    slide_links             :   'blank',    // Individual links for each slide (Options: false, 'num', 'name', 'blank')
    slides                  :   [           // Slideshow Images
        {image : 'image3.jpg'},
        {image : 'image3-2.jpg'},
                                ]

            });
    });
  break;
case 4:
jQuery(function($){ 
    $.supersized({
    // Functionality
        slide_interval          :   5000,       // Length between transitions
        transition              :   1,          // 0one, 1-Fade, 2-Slide Top, 3-Slide Right, 4-Slide Bottom, 5-Slide Left, 6-Carousel Right, 7-Carousel Left
        transition_speed        :   3000,       // Speed of transition
        stop_loop               :   1,          //Pauses slideshow upon reaching the last slide.
    // Components                           
    slide_links             :   'blank',    // Individual links for each slide (Options: false, 'num', 'name', 'blank')
    slides                  :   [           // Slideshow Images
        {image : 'image4.jpg'},
        {image : 'image4-2.jpg'},
                                ]

            });
    });
  break;
case 5:
jQuery(function($){ 
    $.supersized({
    // Functionality
        slide_interval          :   5000,       // Length between transitions
        transition              :   1,          // 0one, 1-Fade, 2-Slide Top, 3-Slide Right, 4-Slide Bottom, 5-Slide Left, 6-Carousel Right, 7-Carousel Left
        transition_speed        :   3000,       // Speed of transition
        stop_loop               :   1,          //Pauses slideshow upon reaching the last slide.
    // Components                           
    slide_links             :   'blank',    // Individual links for each slide (Options: false, 'num', 'name', 'blank')
    slides                  :   [           // Slideshow Images
        {image : 'image5.jpg'},
        {image : 'image5-2.jpg'},
                                ]

            });
    });
  break;
}

【讨论】：

通常最好也解释一下任何代码。代码答案墙没有帮助。很高兴您发现了您的问题，但如果您的回答也能帮助其他有类似问题的人，那就太好了。