JQuery Adaptive Modal, para mostrar información

DESCARGA : Modal Adaptive

JQuery Adaptive Modal, para mostrar información, muy interesante plugin que nos permite mostrar contenido en un modal, este plugin muestra un modal que gira unos cuantos grados antes de presentarse al usuario, la ventaja es que convierte elementos html, eso es más que suficiente para tener un modal impactante que le guste a los usuarios.

Demostración: http://www.thepetedesign.com/demos/adaptive-modal_demo.html

 

En la demostración puedes observar claramente su funcionamiento mediante un fragmento de código y la inclusión de los archivos js y css obtendras algo muy interesante que implementar:

data-toggle="adaptive-modal" 

Otro principal atractivo es que este modal trabaja directamente con tecnología AJAX, lo que permite en un momento dado mostrar contenidos dinámicos que no generan lentitud para mostrar la información.

$(".am-remote-link").adaptiveModal({
 elementAnimateTime: 100,
 customBgColor: "#333",
 remoteUrl: false, 
 elementAnimateIn: "scaleShow",
 elementAnimateOut: "scaleHide", 
 beforeAnimate: function(el, status) {}, 
 afterAnimate: function(el, status) {}, 
 type: "GET",
 async: true,
 complete: function(xhr, text) {},
 cache: true,
 error: function(xhr, text, e) {},
 global: true,
 headers: {},
 statusCode: {},
 success: function(data, text, xhr) {},
 dataType: "html"
 });

Este plugin tiene muchas opciones en las cuales podemos mencionar las siguientes:

  1. Callbacks
  2. Public Methods
  3. Animaciones

Aunque la manera más basica de usarla es:

 $(".am-remote-link").closeModal();

Tienes mucha más información en este enlace: https://github.com/peachananr/adaptive-modal

 

You may also like...