Como posso criar uma sobreposição de iframe Netflix-estilo sem uma enorme biblioteca javascript?
-
01-07-2019 - |
Pergunta
Eu estou tentando usar um link para abrir uma sobreposição em vez de em uma janela pop-up separada. Essa sobreposição deve consistir de uma camada semi-transparente div que bloqueia toda a tela de ser clicado. Eu também apontar desativar a rolagem neste momento. Não importa onde você está na página principal, quando o link é clicado, a sobreposição deve estar no centro de X e Y origens da tela. Dentro deste div sobreposição, deve ser um iframe configurado de tal modo que 3 tamanhos de conteúdo pode ser carregado.
Outras dicas
Shadowbox é um script bom para "pop-ups" inline. Ele pode trabalhar com qualquer uma das bibliotecas usuais JS se você usar qualquer (jQuery, Prototype, etc) ou por sua própria, tem um sistema de esfola bastante abrangente para que possa adaptar a aparência sem ter que ir para o próprio código-fonte.
É também o único tal roteiro (existem dezenas) Eu tentei que iria trabalhar de forma confiável em todos os navegadores habituais.
Não vai desativar a rolagem para você (você ainda pode ver a rolagem de página normal fundo por meio da sobreposição escuro), mas o "pop-up" em qualquer caso estadia fixos na tela.
http://onehackoranother.com/projects/jquery/boxy/
jQuery.boxy é outra agradável, leve modal diálogo plugin.
Eu costumo usar ThickBox para isso. Ele funciona muito bem e degrada bem se o usuário não tem JS ligado.
Ele faz uso jQuery, mas você pode carregá-lo do Google: http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js e talvez obter o benefício de caching.
Pegue o javascript ext biblioteca. Ele tem a funcionalidade para sobreposições que são modal.
ThickBox (não mais desenvolvido) me levou a esta biblioteca que parece funcionar muito bem: