Popup.js

A lightweight popup JS plugin, easy to use.

• Lightweight

• No dependencies(It doesn't require jQuery or any other libraries).

Check out the Demos .

Installation

Place popup.css in your css folder.

add this before your closing head tag:

<link rel="styesheet" href="/your_css_folder/popup.css">

Then, place popup.js in your js folder.

include this in your html:

<script src="/your_js_folder/popup.js"></script>

Usage

Create a Popup instance:

var myPopup = new smq.Popup({
  title: 'Product Description',
  innerHtml: '<img src="product.jpg">'
});

Show your Popup:

myPopup.show();

Close Popup:

myPopup.close();