Requires no HTML hooks, appends all elements needed and leaves them in the DOM for further use.
$('#back').click(function(){
$.miniModal({
load : '', // string or jQuery Object
appendTo : 'body', // string
closeTxt : '[close]' // string
fade : 0, // int
height : null, // int or null
width : null, // int or null
close : false, // bool
escClose : true, // bool
overlayClose : true, // bool
position : true, // bool (sets auto positioning)
absolute : false // bool (allows objects to be positioned absolutely to container [@ 100%])
modal : true, // bool (displays modal)
overlay : true, // bool (displays overlay)
overlayId : 'overlay', // string (overlay's id)
modalId : 'modal_base', // string (modal's id)
closeId : 'modal_close', // string (close button's id)
onOpen : function(){}, // Callback
onLoad : function(){}, // Callback
onClose : function(){}, // Callback
onOpen : function(){}, // Callback
onCreate : function(){}, // Callback
onDisplay : function(){}, // Callback
onResize : function(){}, // Callback
onKill : function(){}, // Callback
beforeClose : function(){}, // Callback
style : 'modal', // string (sets class for styling)
});
});
More documentation, themes & examples coming shortly.