变换背景

所属分类:UI-背景

 80470  842  查看评论 (30)
分享到微信朋友圈
X
变换背景 ie兼容6

参数及调用

jQuery(function($){
    $.supersized({
       // 参数配置
        slide_interval     : 4000,  // 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   : 1000,   // Speed of transition
        performance        : 1,    // 0-Normal, 1-Hybrid speed/quality, 2-Optimizes image quality, 3-Optimizes transition speed // (Only works for Firefox        /IE, not Webkit)        // Size & Position
        min_width          : 0,    // Min width allowed (in pixels)
        min_height         : 0,    // Min height allowed (in pixels)
        vertical_center    : 1,    // Vertically center background
        horizontal_center  : 1,    // Horizontally center background
        fit_always         : 0,    // Image will never exceed browser width or height (Ignores min. dimensions)
        fit_portrait       : 1,    // Portrait images will not exceed browser height
        fit_landscape      : 0,    // Landscape images will not exceed browser width
        // 组件        
        slide_links        : 'blank',    // Individual links for each slide (Options: false, 'num', 'name', 'blank') 
        slides             : [ 
                                   // Slideshow Images
                                 {image : 'assets/img/backgrounds/1.jpg'},
                                 {image : 'assets/img/backgrounds/2.jpg'}, 
                                {image : 'assets/img/backgrounds/3.jpg'} 
                            ] 
   });});
相关插件-背景

全屏背景图片

全屏背景图片简单好用
  背景
 58436  365

京东产品详细页图片放大效果

京东商城详细页产品图片列表以及放大镜效果 兼容ie6+,谷歌,火狐
  背景
 50934  500

jquery形象照片卷轴插件

jquery形象照片卷轴插件
  背景
 40109  363

漂亮的全屏Slideshow幻灯滑块效果(jQuery)

漂亮的全屏Slideshow幻灯滑块效果(jQuery)
  背景
 42618  419

讨论这个项目(30)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    cqtim 0
    2018/11/14 0:08:49
    如果登陆的时候,有一个身份的选择,下拉列表,我加进去后,太难看了,是不是需要单独写css呢? 回复
    我一把把把手把住了 0
    2018/7/18 17:32:08
    能把图也分享出来吗 回复
    @好 0
    2018/4/26 16:31:13
    背景为什么显示不出来
        西瓜0
        2018/7/18 17:44:46
        背景图地址没有调用对。
        张萃文1
        2019/5/5 17:13:33
        当你把登录不设置为index.html的时候,图片的路径会改变,背景图片的路径是以index为基准的,需要修改
        NaSenGan0
        2020/5/10 11:18:00
        请问大神 我用了你的模板 我是django框架 有设定好的static文件夹 我把你的img js css 文件夹都放进去了 正常访问都可以找到这些 唯独背景图片 img 1.jpg 2.jpg 3.jpg 这三个找不到 显示的时候前台console报错访问路径不对 我修改了supersized-init.js 里面的 image : '/static/img/1.jpg' 这条信息改成我自己的静态文件路径 但是访问的时候访问的并不是这个路径 访问的还是/img/1.jpg 也就是说我改完这个地方并没影响前台访问的路径 请问你这个背景图片的路径 在哪修改啊 ------转自别人的问题,我的问题同上,跪求大神帮忙!!
        areyouOk0
        2020/5/11 10:10:30
        不是路径设置问题,就是页面缓存问题。
    回复
    @好 0
    2018/4/26 15:36:37
    图片显示有点问题好像 回复
    NIRVANA 0
    2017/6/29 10:12:01

    想控制背景图片大小不全屏该要怎么改啊

        Somnus0
        2018/3/8 20:45:00
        我使用该插件时,背景图总是显示不出来,请问下是否需要修改supersized-init.js中图片的路径啊
    回复
    X 0
    2017/6/28 20:44:37

    ie9下placeholder兼容性没有解决

    回复
    李磊 0
    2016/12/2 9:12:44
    SiriBen 0
    2016/10/25 15:10:17
    GOOD,我记得以前我下了的,但是找不到了,终于在这里找到了 回复
    Dreammaker 0
    2016/9/9 16:09:06
    挺好的  就是ie兼容性不是很好 回复
    ?SummEr。 0
    2016/6/30 17:06:50
    supersized.3.2.7.min.js   这些要去哪下载呢。 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复