Warning: The project is deprecated, use at your wown risk

• 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

bower install livebox

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

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