Well, I figured it out. Here's the code that works for me:
$('#clicky').click(
function (e)
{
$.modal('<iframe src="' + src + '" height="450" width="1800" style="border:0">',
{
closeHTML:"",
containerCss:
{
backgroundColor:"#fff",
borderColor:"#fff",
height:450,
padding:0,
width:800
},
overlayClose:true,
//below adds a open animation
onOpen: function (dialog){
dialog.overlay.fadeIn('slow');
dialog.data.show();
dialog.container.fadeIn('slow');},
//below adds a close animation
onClose: function (dialog){
dialog.data.fadeOut('slow');
dialog.container.hide('slow');
dialog.overlay.slideUp('slow', function () {$.modal.close();});
}
});
});
don't forget to put a website for the src variable :)