JQuery Lightbox - ограничивать наложение на конкретный div - не всю страницу

Проводили дни, пытаясь понять это, но, возможно, это невозможно.JQuery Lightbox - ограничивать наложение на конкретный div - не всю страницу

Я использую jquery lightbox и отдельную навигацию по главной странице для нескольких галерей, каждый с функцией lighbox.

Я хотел бы вложить наложение ярлыка jquery lightbox внутри div, чтобы оно не охватывало все окно, а относилось только к div, в котором он находится?

Причина: я хочу, чтобы основная навигация была доступна, не нажимая на оверлей, и я хочу, чтобы содержимое лайтбокса оставалось в пределах заданных параметров (то есть контейнер для страницы), а не перемещаться при использовании различных разрешений экрана и, следовательно, не выровняться с основной навигационной панелью и заголовками.

Любые советы re: jquery script, addons, чтобы использовать это, если это вообще возможно. Или другие предложения были бы очень признательны.

Спасибо

источник

2011-06-16 Mamij

Mamj, если бы мой ответ был вам полезна, пожалуйста, нажмите на квадрат рядом с моим сообщением, чтобы оно стало зеленым. Спасибо. –

Я полагаю, что это * hackable *. Можете ли вы дать ссылку на лайтбокс, который вы используете? –

Я думаю, что вы, вероятно, придется покончить с обеспеченными накладкой осветителя плагина и сделать свой собственный.

Процесс создания наложения прост. Я мог бы изобрести колесо здесь, или я могу просто отправить вам что-то вроде этого сообщения в блоге: http://raventools.com/blog/create-a-modal-dialog-using-css-and-javascript/

Посмотрите, что оверлейный div с классом #overlay? Все, что вам нужно сделать, чтобы сделать его размером с контейнером, помещают наложение div внутри этого контейнера и устанавливают стиль контейнера position: relative.

Вы можете игнорировать всю реализацию этого сообщения на стороне JavaScript и заменить его своим любимым модальным плагином, но вам нужно будет привязать его к событию show/hide в модальном диалоговом окне, чтобы показать/скрыть ваш пользовательский интерфейс оверлей, что-то, что, безусловно, возможно. Однако особенности этого варьируются в зависимости от выбранного вами плагина.

источник

2011-06-16 13:42:36

Спасибо, гул! извините, продолжайте нажимать «возврат» и добавьте больше, спасибо, что вы заслуженно, но собирался сказать, прежде чем я нажал на кнопку «вернуться», - что я пытался выполнить onresize, а затем перезагрузить, подумайте, что ваш путь лучше для моих целей. Спасибо! – Mamij

Спасибо, спасибо. – Mamij

Mamj, если бы мой отзыв был вам полезна, пожалуйста, нажмите на квадрат рядом с моим сообщением, чтобы он стал зеленым. Спасибо. –

У меня возникла проблема с моей световой коробкой, загружаемой под страницу. Проблема заключается в том, что в CSS файл, включающий код

когда загрузка световой короб, на странице я написал эту строку

<link type="text/css" href="css/jquery.lightbox-0.5.css" media="screen" />

только выслать ему отн = «таблицы стилей» в связи теге

<link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.5.css" media="screen" />

Моя проблема разрешена

источник

2012-05-09 07:27:09

JQuery Lightbox - ограничивать наложение на конкретный div - не всю страницу

ответ

Смежные вопросы