SimpleModal Example

The SimpleModal example below is from SimpleModal project page.

jQuery('head').append('<script src="http://simplemodal.googlecode.com/files/jquery.simplemodal-1.3.5.js"></script>')

/*
<style>
    #simplemodal-overlay {background-color:#000;}

    #simplemodal-container {height:320px; width:600px; color:#bbb; background-color:#333; border:4px solid #444; padding:12px;}
    #simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; margin-bottom:12px; padding:4px 6px 6px;}
    #simplemodal-container a {color:#ddd;}
    #simplemodal-container a.modalCloseImg {background:url(../img/basic/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
    #simplemodal-container #basic-modal-content {padding:8px;}
</style>
*/

var src = "http://365.ericmmartin.com/";
$.modal('<iframe src="' + src + '" height="450" width="830" style="border:0">', {
    closeHTML:"",
    containerCss:{
        backgroundColor:"#fff",
        borderColor:"#fff",
        height:450,
        padding:0,
        width:830,
        overflow: 'hidden'
    },
    overlayClose:true
});