Aplicando Full Screen na tela

Olá pessoal, tudo bem ?

Vejo muitas pessoas querendo aplicar o famoso F11 no seu site ou sistema, para quem não sabe a tecla F11 coloca sua tela em modo tela cheia/full screen. Então hoje vou disponibilizar um código para facilitar essa implementação no seu site ou sistema, o código foi feito utilizando a API Full Screen, vamos lá.

  • Primeiro você deve criar o ícone ou botão que irá habilitar o modo full screen.

  • Eu utilizei a biblioteca FONT AWESOME, o ícone:

 

  • Após é preciso fazer a chamada dos arquivos JS que vamos precisar.

  • Depois vamos adicionar o código que fará a aplicação do modo full screen.

 

Abaixo deixo o link para download do arquivo da API e um arquivo html com o código pronto para teste.

Link: http://bit.ly/2j4K4jN

Demonstração da funcionalidade.

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

© 2018 Camila Moreira | ScrollMe by AccessPress Themes