我需要帮助来禁用影子大小调整大小

时间:2010-05-17 20:42:39

标签: javascript jquery shadowbox

这个叠加层似乎是唯一可以在我的学校中使用的叠加插件...但问题是,当浏览器调整大小时,阴影框也会调整大小,剪切内部的内容。我想要它,以便固定盒子统计数据,如果浏览器变小,浏览器将有滚动条。

我知道它之前已被修改过,但我不知道从哪里开始。我甚至找不到.js文件的未经说明的版本。

由于

4 个答案:

答案 0 :(得分:1)

嘿,我遇到了同样的问题 - 我发现你可以将它放在shadowbox.css文件中,将它强制到你想要的高度:

#sb-wrapper { height:560px !important; }
#sb-wrapper-inner { height:560px !important; }

在HTML标记中,请确保在a标记的rel属性中定义高度和宽度:

<a href="somelink.php" rel="shadowbox;width=600;height=560;">Your Link</a>

我不知道从哪里开始使用JavaScript文件 - 它是CSS。

答案 1 :(得分:1)

K.onWindowResize脚本的最后几行查找shadowbox.js函数,并按如下所示进行修改:

K.onWindowResize=function(){
if(!doWindowResize){return}setSize();
var player=S.player, dims=setDimensions(player.height,player.width);

//edited by gabriel esquivel 11/15/10
//adjustWidth(dims.width,dims.left);
//adjustHeight(dims.innerHeight,dims.top);
animate(wrapper,"top",dims.top,0);
animate(wrapper,"left",dims.left,0);

if(player.onWindowResize){player.onWindowResize()}};

答案 2 :(得分:0)

假设您正在使用http://www.shadowbox-js.com/处找到的代码,如果您希望图片始终具有一定的大小(假设此示例的目的是高度为600px),请将以下内容添加到您的CSS应该这样做:

#sb-wrapper-inner { height:600px !important; }

如果没有静态高度你可以强制它们,这比我喝咖啡休息时间更难。

答案 3 :(得分:0)

把它放在init

Shadowbox.init({
    viewportPadding:-1000
});

然后填充永远不会变为负数,因此不会调整大小。