Jquery Modal / Dialog com opção de tela cheia
-
05-07-2019 - |
Pergunta
Eu estou olhando para usar um JQuery modal / diálogo plugin para o meu site para visualizar o conteúdo.
Atualmente, estou usando Thickbox que funciona bem, mas ele não tem uma opção de tela cheia, quando digo fullscreen Quero dizer preencher a janela do navegador inteiro.
Alguém sabe de qualquer bom modal / diálogo plugins que pode expandir fullscreen?
Felicidades
Eef
Solução
Thickbox deve apoiar o que você está tentando fazer fora da caixa. Veja este fórum de discussão , no qual eles discutem inicializar o tamanho da TB:
TB_height = $(window).height();
E, alternativamente especificar um manipulador de eventos resize
para window
para atualizar um TB que já está sendo exibido.
Se você está procurando um plugin alternativa, sugiro olhando para BlockUI , como o CSS para a sua sobreposição é facilmente configurável, e você deve ser capaz de realizar um diálogo de tamanho completo usando 100%
para as propriedades height
e width
.
Outras dicas
Em vez de window.height, você deve usar as propriedades de tela para tela cheia.
TB_height = screen.height;
TB_width = screen.width;
fancybox que tem um código simples. Você pode pesquisar no redimensionamento da janela de eventos e de rolagem. não deve alterar a altura e opções de largura para preencher a janela. Ele tem um bug que foi corrigido no Dessa forma, você pode modificar estas linhas em FancyBox:
linha 432
$(window).unbind("resize scroll", $.fn.fancybox.scrollBox);
linha 439
$(window).unbind("resize scroll", $.fn.fancybox.scrollBox);