Jeegoo - Flexible lightweight popup plugin

Jeegoo is a flexible lightweight popup plugin primarily designed to be used in applications. It can be configured as a confirm dialog, tooltip, colorpicker, image popup and more.

Features

• Easy to implement.
• Lightweight, minified only 12KB.
• Draggable.
• Resizable.
• Skinable, multiple skins included.
• Display html/text content or url.
• Numerous properties and methods to configure appearance, position and behavior.
• Multiple popups but only one popup shown at any time.

• denizli escort
• denizli escort
• didim escort
• düzce escort
• edirne escort
• edirne escort
• edremit escort

Source: tweego.nl

1. INCLUDE CSS AND JS FILES

<link href="/jeegoopopup/skins/blue/style.css" rel="Stylesheet" type="text/css" />
<script type="text/javascript" src="/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="/jeegoopopup/jquery.jeegoopopup.1.0.0.min.js"></script>

2. HTML

<a href="dog.jpg" class="popup"><img src="dog.jpg" style="width:100px"/></a>

3. JAVASCRIPT

$(function(){
	$('a.popup').click(function(e){
		$.jeegoopopup.open({
			html: '<img src="' + $(this).attr('href') + '" />',              
			skinClass: 'jg_popup_basic', 
			resizable: false,
			draggable: true,
			fixed: false
		});

		$('#jg_popup_content').unbind('click.close').bind('click.close', function(){
			$.jeegoopopup.close();
		});
		return false;
	});
});

• Open a popup by calling
     $.jeegoopopup.open(options);
     where options is an object which can be configured with properties and callbacks.
• Close a popup by calling 
     $.jeegoopopup.close(arguments); 
     Arguments passed to the close method are passed to the onClose callback of the topmost popup.
• A (new) popup can be opened or closed from within (same domain) iframes by callingwindow.parent.$.jeegoopopup.open(options); or window.parent.$.jeegoopopup.close(arguments);

4. PUBLIC METHODS

5. OPTIONS PROPERTIES

6. OPTIONS CALLBACKS

7. PUBLIC PROPERTIES

The value of a property can be retrieved by calling it without arguments, e.g.
var opacity = $.jeegoopopup.opacity();
The value can be set by passing an argument, e.g.
$.jeegoopopup.opacity(50);
Calls can be chained, e.g.
$.jeegoopopup.opacity(50).width(500).height(400).skinClass('jg_popup_clean');

• Configure popup
• Confirm dialog
• Database applications
• Tooltip
• Image popup