FModal, plugin complementario para un mensaje que ocupa toda la pantalla.

DESCARGA : FModal

FModal, plugin complementario para un mensaje que ocupa toda la pantalla, este plugin muestra en pantalla completa la información que se agrega en un elemento html, mensajes completos para el usuario, este modal trabaja con algunos atributos que se agregan a las etiquetas html que realizan el llamado al modal, este plugin no muestra el contenido adentro de algún elemento html.

La idea principal de este plugin es llamar la atención al usuario, quien al fin y acabo es de quien necesitamos llamar la atención para que el este atento a lo que vamos a decir.

El uso es un poco diferente a la manera tradicional de los plugins que manejamos, en este caso se incluye jquery como de costumbre y el llamado al plugin, el plugin monitorea todos los elementos que tienen una etiqueta.

Si quieres ver las demostraciones: http://www.jqueryrain.com/?b_fMOoua

El uso es de la siguiente forma:

1.- Incluye el css del plugin


<link rel="stylesheet" href="css/modal.css">

2.- Incluye el elemento (en este caso un botón) con los atributos que llaman al modal


<button data-entrance="modal-fade" data-title="Fade-in Modal" data-text="Hello! I'm a Fade-in modal.">Button-1</button>

<button data-entrance="modal-scale" data-title="Zoom-in Modal". data-text="Que paso" data-btn="yes" data-btn-text="Go to Codepen" data-btn-link="codepen.io">Zoom-in Modal</button>

3.- Posteriormente a esto y muy importante tener en cuenta que este fragmento de código tiene que estar al final del archivo, el llamado al plugin y al framework jquery.


<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/fmodal.js"></script>

 

 

Puede interesarte