Skip to content

Overlay is a compact, simple overlay class which allows for maximum control over its use.

Notifications You must be signed in to change notification settings

darkwing/Overlay

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

18 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Overlay

Overlay is a compact, simple overlay class which allows for maximum control over its use.

Screenshot

How to Use

Overlay may be initialized at any time. The first and only required argument is the overlay's "container" which is usually document.body. Options may be given as the second argument.

Overlay also provides click, close, hide, open, and show events.

Javascript

var overlay = new Overlay(document.body,{
		id: 'overlay',
		color: '#000',
		duration: 300,
		opacity: 0.4,
		onClick: function() {
			this.close();
		},
		onOpen: function() {
			//make ajax call while the overlay is happening...?
			//var Request = new Request()....
		}
});

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

About

Overlay is a compact, simple overlay class which allows for maximum control over its use.

Resources

Stars

Watchers

Forks

Packages

No packages published