Как я могу создать оверлей iframe в стиле Netflix без огромной библиотеки javascript?
Я пытаюсь использовать ссылку, чтобы открыть наложение, а не в отдельном всплывающем окне. Этот оверлей должен состоять из полупрозрачного слоя div, который блокирует нажатие на весь экран. Я также стремлюсь отключить прокрутку на этом этапе. Независимо от того, где вы находитесь на главной странице, при нажатии на ссылку оверлей должен находиться в центре исходных точек X и Y экрана. Внутри этого оверлейного div должен быть iframe, настроенный таким образом, чтобы можно было загружать 3 размера содержимого. Взаимодействие с другими людьми
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 6
Возьмите библиотеку javascript доб. Он имеет функции для наложений, которые являются модальными.
Возможно, вы захотите проверить старую JS-библиотеку, которую я написал, под названием Субмодальный.
Легко понять и изменить. Иди в город;)
После того, как вы изменили его, используйте Уменьшить в сочетании с gzip на вашем сервере. Размер библиотеки будет крошечным.
Shadowbox - хороший скрипт для встроенных "всплывающих окон". Он может работать с любой из обычных JS-библиотек, если вы их используете (jQuery, Prototype и т. д.), Или сам по себе, имеет довольно обширную систему скинов, так что вы можете адаптировать внешний вид, не обращаясь к самому исходному коду. Это также единственный такой скрипт (их десятки), который я пробовал, который надежно работал бы во всех обычных браузерах.
Это не отключит прокрутку для вас (вы все еще можете видеть обычную прокрутку фона страницы через темное наложение), но «всплывающее окно» в любом случае останется на экране.
Я обычно использую для этого ThickBox. Он работает очень хорошо и хорошо деградирует, если у пользователя не включен JS.
Он действительно использует jQuery, но вы можете загрузить его из Google: http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js и, возможно, воспользоваться кешированием.
ThickBox (больше не разрабатываемый) привел меня к этой библиотеке, которая, кажется, работает очень хорошо:
http://onehackoranother.com/projects/jquery/boxy/
jQuery.boxy - еще один приятный и легкий плагин для модальных диалогов.
^^ не вижу, что вы пытаетесь показать. если у вас есть проблемы, обратитесь в группу поддержки Google.