这个叠加层似乎是唯一可以在我的学校中使用的叠加插件...但问题是,当浏览器调整大小时,阴影框也会调整大小,剪切内部的内容。我想要它,以便固定盒子统计数据,如果浏览器变小,浏览器将有滚动条。
我知道它之前已被修改过,但我不知道从哪里开始。我甚至找不到.js文件的未经说明的版本。
由于
答案 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
});
然后填充永远不会变为负数,因此不会调整大小。