Biblioteca emergente de pantalla completa ligera-jpopup

Tiempo de ejecución: 30 minutos. Empezar

Autor: robiveli
Views Total: 3,299
Sitio oficial: Ir a la web
Actualizado: October 29, 2018
Licencia: MIT

Vista prévia

Biblioteca emergente de pantalla completa ligera-jpopup

Descripción

jpopup es un súper pequeño plugin de JavaScript emergente que permite mostrar cualquier elemento HTML en una ventana modal de pantalla completa adaptable.

Install the jpopup:

# NPM
$ npm install jpopup

# Bower
$ bower install jpopup

Funcionamiento

Importe los archivos JavaScript y CSS del jpopup al documento.

<link href='css/jPopup.css' rel='stylesheet'>
<script src="js/jPopup.min.js"></script>

Cree un nuevo jPopup y defina su propio contenido para que se muestre en la ventana emergente.

var jPopupDemo = new jPopup({



contentHtml: 'content here'

});

Cierre la ventana emergente manualmente:

jPopupDemo.close();

Personaliza la ventana emergente en el SASS:

// Base Breakpoint
$baseBreakpoint: 680px;

// Background Color
$bgColor: #fff;

// Close Button Color
$closeBtnColor: #adadad;

Registro de cambios

09/29/2018

  • v1.2.1: minor updates.

Te puede interesar: