javascript - 我需要帮助来禁止 shadowbox 调整大小

Question

这个覆盖似乎是唯一一个在我的学校不稳定模板中工作的覆盖插件......但问题是当浏览器调整大小时，阴影框也会调整大小，剪切里面的内容。我想要它，这样盒子统计信息就固定了，如果浏览器确实变小了，浏览器就会有滚动条。

我知道它以前被修改过，但我不知道从哪里开始。我什至找不到 .js 文件的未缩小版本。

谢谢

Answer 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。

Answer 2

在脚本的最后几行中查找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()}};

Answer 3

只需将其放入 init

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

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

Answer 4

假设您使用的是http://www.shadowbox-js.com/上的代码，如果您希望图像始终具有特定大小（假设本示例的高度为 600px），添加您的 CSS 应该执行以下操作：

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

如果没有可以强迫他们达到的静态高度，那比我在喝咖啡休息时想出的要困难得多。