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

Question

这个覆盖似乎是唯一可以在我的学校古怪模板中工作的覆盖插件......但问题是，当调整浏览器大小时，阴影框也会调整大小，从而剪切其中的内容。我想要它，以便固定框统计信息，如果浏览器确实变小，浏览器将有滚动条。

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

谢谢

Answer 1

嘿，我遇到了完全相同的问题 - 我发现您可以通过将其放入 Shadowbox.css 文件中来强制其达到您想要的高度：

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

并且在您的 HTML 标记中，确保在 rel 属性中定义高度和宽度a 标签：

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

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

Answer 2

在 shadowbox.js 脚本的最后几行中查找 K.onWindowResize 函数，并将其修改如下：

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

假设您使用的是 http://www.shadowbox-js.com/ 中找到的代码，如果您希望图像始终具有一定的大小（在本例中假设高度为 600px），则将以下内容添加到 CSS 中即可：

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

如果没有静态高度，您可以强制它们这样做，这比我在喝咖啡休息时间想出的要困难得多。

Answer 4

只需将其放入 init 中即可

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

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