如何自定义jquery对话框外观

Question

很多时候我使用下面的代码来显示jquery对话框，但我想自定义它。

jQuery('#dialog').load('path to my page').dialog('open'); 

假设当我点击该链接时，将以这种方式打开一个带有繁忙图像的小jquery对话框。这是截图。

所以最初的对话框会显示进度条，在从服务器端获取html数据后，我想增加高度＆amp;循环中的对话框宽度达到最适合对话框内html数据的级别。这里的位代码

$(".ui-dialog").animate({
left: (($(window).width() - 346) / 2) + 'px',
top: (($(window).height() - 305) / 2) + 'px',
height: '305px', width: '346px'
}, 200,
function () {
$("#dialog").removeClass("BusyStyles").find('#faxmain').fadeIn(2000);
$("#dialog").css({ height: '26px' });
});

所以请引导我使用示例代码如何自定义此行jQuery('#dialog').load('path to my page').dialog('open');以获得我想要的效果。

所以指导几步 1）如何在对话框的中心设置忙图像 2）如何使用load（）回调通知我数据来自客户端 3）如何检测高度和高度html数据的宽度，包括应用于该html的css样式表

寻求指导。感谢