🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

LiveBox is a simple yet robust jQuery plugin that helps you display text, images, html content and any other content types in a highly customizable, responsive modal popup.

Modal

Documentation

LiveBox - A jQuery Lightbox Plugin

Be aware of beta version

Key features

  • Clear documentation full of editable demos
  • Supports variety of content types, such as html, images, video, iframe, ajax and others
  • Drag&drop and auto resize
  • Overlaying LiveBoxes (open one on top of another)
  • API for controlling LiveBox, including resizing and catching events
  • Chaining content (slideshow) including mixed content
  • Image preloading
  • Highly customizable look
  • JavaScript knowledge not required

Install

bower install livebox 

If you do not use bower you can download files from this repository and include it in your project.

Some examples

Simple HTML

$(function () {      $.livebox({         type: 'html',         content: 'Hello, World!'     }); });

Content from DOM element, reaction on event

$(function () {      $.livebox({         content: '#divWithContent',         width: 500,         height: 300,         events: {             show: function () {                 console.log('Window is open')             }         }     }); });

Full documentation and demos on website - liveboxjs.com


You May Also Like