LightFace 0.97

LightFace is a clone of FaceBook's modal dialog. LightFace offers numerous options to customize each modal instance. LightFace also provides utility classes specially designed to work with AJAX requests, IFrames, and images.



Details

Author
David Walsh
Current version
0.97
GitHub
darkwing/LightFace
Downloads
44494
Category
Interface
Tags
Report
GitHub Issues

Releases


Dependencies

  • core/1.2.1: *
  • _self_/_current_: core/1.2.1: "*"

How to use

LightFace instances can be created at any time. There are no arguments other than the instance options.

/* create LightFace instance */
var modal = new LightFace({
    width: "auto",
    height: 400,
    draggable: true,
    title: "Hello from LightFace!",
    content: "<p>This is the LightFace content!</p>",
    buttons: [
        { title: "Close", event: function() { this.close(); }, color: "blue" }
    ],
    resetOnScroll: true
});

/* open when link is clicked */
document.id("launchModal").addEvent("click", function(e){
    e.stop();
    modal.open();
});

LightFace works great with static content, IFrames, AJAX Requests, tooltips, and images. LightFace also resizes and repositions when the window is resized or scrolled. Tested in IE7+, FF, Safari, Opera, Chrome, and iPad.

For specific usage and options, please read the documentation or visit http://davidwalsh.name/js/lightface


Discuss

A note on comments here: These comments are moderated. No comments will show up until they are approved. Comments that are not productive (i.e. inflammatory, rude, etc) will not be approved.

Found a bug in this plugin? Please report it this repository's Github Issues.

blog comments powered by Disqus