iziModal.js - Uma janela verdadeiramente dinâmica Modal jQuery Plugin

A maioria das janelas modais parece distrair e incomodar o visitante com campos de opt-in e ofertas indesejadas. Esses modais geralmente ocupam toda a página, parecem terríveis e não oferecem uma maneira clara de fechar a janela. agradecidamente, iziModal.js é exatamente o oposto.

É um dos plugins de janela modal mais elegantes que já vi e me deixa animado para interagir com os modais novamente.

iziModal.js é um plugin jQuery então você precisa uma cópia da biblioteca jQuery para isso funcionar. Mas é muito leve e você pode até incluir a biblioteca externamente de CDNJS.

Observe este plugin vem com muito de diferentes opções. Você pode passar opções para estilo o tamanho modal, tipo de quadro e animação. Mas você também pode criar funções de retorno de chamada se o usuário fechar um modal ou clicar em um elemento específico.

Você pode encontrar muitos exemplos no CodePen, mas eu realmente gosto do demos hospedados na home page do iziModal. Especificamente, confira opção de incorporação de iframe onde tem um jogador do Vimeo autoplay enfileirado no modal.

O design é magnífico e o modal realmente parece que é parte da interface. A qualidade da animação é impressionante também, e tudo é alimentado com CSS3 e jQuery.

Na página principal do plugin, você também encontrará tabelas de documentação com trechos de código para cada uma das demonstrações disponíveis. Aqui o menor trecho de código usar para um popup de janela modal.

 $ (document) .on ('clique', '.trigger', function (event) event.preventDefault (); $ ('# modal'). iziModal ('open');); 

o iziModal () função tem mais de 45 opções diferentes que pode ser passado para personalize a janela modal. Ele também tem eventos personalizados que pode funções de gatilho como quando um modal abre, fecha ou vai em tela cheia.

Este é um projeto inacreditavelmente grande e é facilmente um dos meus plugins de janela modal favoritos de um design e usabilidade.

Para pegar uma cópia da fonte, você pode puxe-o através do npm ou download do GitHub. E se você tiver sugestões sobre o plugin ou apenas quiser compartilhar seus agradecimentos você pode twittar o criador Marcelo Dolce @marcelodolce.