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

Question

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

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

这是我正在处理的网站。如您所见，背景被侧边栏宽度推向右侧，但结果部分背景被截断。

http://princeseafoodrestaurant.com/dev/

如有任何帮助，我们将不胜感激!

Answer 1

根据 this , 你可以自己做:

Does Supersized have to be fullscreen? Nope! You can define the dimensions by adjusting the #supersized styles in the CSS file. You will want to make all instances of position:fixed -> position:absolute.

所以，改变这个:

#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 的任何其他实例更改为 position:absolute，您应该已设置好。