jQuery OverlayZ

OverlayZ is an easy to use and customizable jQuery plug-in designed to make implementation of overlays with custom content and styles easy to manage and use.

License

Please refer to the LICENSE file for licensing and copyright information.

Examples

More examples are available within the examples directory.

How "easy" is OverlayZ to use?

// Instantiate a standard overlay.
var layz = $.overlayz({
	'html': 'The HTML content of the overlay.',
	'alias': 'my-overlay'
});

// Instantiate a custom formatted overlay.
var layz = $.overlayz({
	'html': 'The HTML content of the overlay.',
	'alias': 'my-overlay',
	'css': {
		'container': {
			'background': 'none'
		},
		'body': {
			'background-color': '#000',
			'border': '40px solid #0f0',
			'border-radius': '40px',
			'padding': '40px',
			'color': '#0f0'
		}
	}
});

// Display the overlay.
layz.fadeIn();

// Hide the overlay.
layz.overlayz.close();

// Hide the overlay using a custom animation.
layz.overlayz.close();

// Remove (delete) the overlay.
layz.overlayz.remove();

// Grab a previously instantiated overlay from a different scope.
var layz = $.overlayz('my-overlay');

Donations

OverlayZ is free software, but donations help the developer spend more time maintaining this projects and others like it.