jquery - 让超大背景幻灯片图像不覆盖全屏？

Question

那里有许多全屏背景担架脚本。我正在使用这个http://buildinternet.com/2011/07/supersized-3-2-fullscreen-jquery-slideshow/

我试图实现这样的效果，而不是背景照片覆盖全屏，而是在屏幕左侧留下 250 像素（用于固定侧边栏），而背景填充其余部分。重要的是照片的整个宽度显示在屏幕的右侧。

这是我正在开发的网站。如您所见，背景被侧边栏宽度推到右侧，但部分背景被截断。

http://princeseafoodrestaurant.com/dev/

任何帮助，将不胜感激！

Answer 1

根据this，您可以自己执行此操作：

Supersized 一定要全屏吗？没有！您可以通过调整 CSS 文件中的 #supersized 样式来定义尺寸。您将希望创建所有位置实例：固定 -> 位置：绝对。

所以，改变这个：

#supersized {  
    display:block; 
    position:fixed; 
    left:0; 
    top:0; 
    overflow:hidden; 
    z-index:-999; 
    height:100%; 
    width:100%; 
}

对此：

#supersized {  
    display:block; 
    position:absolute;
    left:250px; 
    right:0;
    top:0; 
    overflow:hidden; 
    z-index:-999; 
    height:100%; 
}

position:fixed然后更改to的任何其他实例position:absolute，您应该被设置。

Answer 2

用这个：

#supersized {  
    display:block; 
    position:fixed; 
    left:0; 
    top:0; 
    overflow:hidden; 
    z-index:-999; 
    height:100%; 
    width:100%; 
    margin:0;
    padding:0
}