jquery - フェードイン/フェードアウトとロードの問題を含む Jquery ダイアログ

Question

私のクライアントは、内部ページをロードするときに、fadeIn/fadeOut 画像を必要としています。これは問題のページです: http://angelynngrant.com/mei3/ouragency.html

問題: (1) フェードインが機能しない。(2) フェードアウトは機能しますが、「破棄」する前にゴースト化された長方形が残ります。(3) しばしばオンロード (および更新時) に、モーダルがウィンドウの左上隅に表示され、その場所でフェードアウトに「ホップ」します。

ダイアログ ボックスのほとんどの要素を非表示にしたり、透明にしたりできるように CSS を調整しました (例: .ui-dialog .ui-dialog-titlebar {visibility:hidden; background:transparent;})。

ヘッダーに負荷があります：

<script type="text/javascript">                                         
    $(window).load(function() {                         
        $("#ModalSlide7").dialog({
            width: 564,
            height: 808,
            modal: true
        }); 
        $(".ui-dialog-titlebar").hide(); 
    });
</script>

そして、私は本体に残りのモーダルを持っています:

<div id="ModalSlide7">
    <img id="slide7" src="images/7.jpg" alt="Game of Authors vintage game">

    <script type="text/javascript">
        $('#slide7').fadeIn(3000, function() {
            $('#slide7').fadeOut(3000).queue(function (next) {
                $('#ModalSlide7').dialog('destroy').remove();
            });
        });
    </script>
</div>

どんな助けでも大歓迎です。

(注: サイトのデザイン/スタイリングは終了していません。)