JQuery插件supersized.js实现背景图片淡入浅出

 <script src="js/supersized.3.2.7.min.js"></script>
  <script>
    jQuery(function($){
      $.supersized({
        // 功能
        slide_interval     : 4000,    // 转换之间的长度
        transition         : 1,    // 0 - 无，1 - 淡入淡出，2 - 滑动顶，3 - 滑动向右，4 - 滑底，5 - 滑块向左，6 - 旋转木马右键，7 - 左旋转木马
        transition_speed   : 1000,    // 转型速度
        performance        : 1,    // 0 - 正常，1 - 混合速度/质量，2 - 更优的图像质量，三优的转换速度//（仅适用于火狐/ IE浏览器，而不是Webkit的）

        // 大小和位置
        min_width          : 0,    // 最小允许宽度（以像素为单位）
        min_height         : 0,    // 最小允许高度（以像素为单位）
        vertical_center    : 1,    // 垂直居中背景
        horizontal_center  : 1,    // 水平中心的背景
        fit_always         : 0,    // 图像绝不会超过浏览器的宽度或高度（忽略分钟。尺寸）
        fit_portrait       : 1,    // 纵向图像将不超过浏览器高度
        fit_landscape      : 0,    // 景观的图像将不超过宽度的浏览器

        // 组件
        slide_links        : 'blank',    // 个别环节为每张幻灯片（选项：假的，'民'，'名'，'空'）
        slides             : [    // 幻灯片影像
          {image : 'images/login1.jpg'},
          {image : 'images/login2.jpg'},
          {image : 'images/login3.jpg'}
        ]
      });
    });
  </script>

参数说明：

vertical_center：是否让图像垂直居中，如果为0，则图像为顶端对齐。

slideshow：是否显示展示工具条，包括标题、图片数字和导航按钮。

navigation：是否展示导航按钮。

thumbnail_navigation：为1时可以通过单击缩略图导航切换图片，为0时，缩略图不显示。

pause_hover：是否鼠标滑向图片时暂停图片切换。

transition：图片切换效果，0-无，1-淡入淡出，2-向上滑动，3-向右滑动，4-向下滑动，5-向左滑动。

slide_counter：是否显示切换图片的数字。

slide_captions：是否显示图片标题。

slide_interval：图片切换间隔时间（毫秒）

slides：所切换的图片集合，包括图片地址image，图片标题title，图片链接url。

autoplay：是否自动播放。

transition_speed：切换速度，默认750。

keyboard_nav：是否支持键盘操作切换。

random：是否随机切换图片