Мне нужна помощь, чтобы отключить Shadowbox от изменения размера - PullRequest
0 голосов
/ 18 мая 2010

Это наложение, похоже, является единственным плагином наложения, который работает в моем шаблоне Wonky School ... но проблема в том, что при изменении размера браузера также изменяется размер shadowbox, обрезая содержимое внутри. Я хочу, чтобы статистика ящиков была исправлена, и если браузер стал меньше, у него будут полосы прокрутки.

Я знаю, что это было изменено раньше, но я не знаю, с чего начать. Я не могу даже найти unminified версию файла .js.

Спасибо

Ответы [ 4 ]

1 голос
/ 02 июня 2010

Эй, у меня возникла точно такая же проблема - я обнаружил, что вы можете принудительно установить ее на нужную высоту, поместив ее в файл shadowbox.css:

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

И в вашей HTML-разметке убедитесь, что вы определяете высоту и ширину в атрибуте rel тега:

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

Я не знаю, с чего начать с файла JavaScript - это CSS.

1 голос
/ 15 ноября 2010

Найдите функцию 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()}};
0 голосов
/ 09 августа 2013

Просто поместите это в init

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

Тогда подкладка никогда не становится отрицательной и поэтому не изменяется.

0 голосов
/ 18 мая 2010

Если вы используете код, найденный по адресу http://www.shadowbox -js.com / , если вы хотите, чтобы изображения всегда были определенного размера (скажем, высота 600 пикселей для этот пример), добавив следующее в ваш CSS должно сделать это:

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

Если нет статической высоты, на которую вы можете их заставить, это сложнее, чем я могу себе представить на кофе-брейке.

...