jquery ui dialog button ile dialog'un uzunluğunu değiştirme

jquery dialog ile galeri tarzı birşey yapmaya çalışıyorum.

function viewLargerImage( $link ) {
    $link.addClass('current');
    var src = $link.attr( "src" );
    src = '<img class="active" src="'+src+'">';
    var veli = 'dasd';
    var dialogOpts = {
        buttons: { 
            "Ok": function() {
                $(this).dialog({ height: 500 });
                $(".active").attr('src', 
                    $('.current').parent()
                                 .next()
                                 .find('img')
                                 .attr('src'));

                $('.current').parent()
                             .next()
                             .find('img')
                             .addClass('current'); 

                $('.current:first').removeClass('current');
            }
        },
        title: $link.attr( "alt" ),
        modal: true
    };
    $(src).dialog(dialogOpts);
}

bunlar javascript kodlarım. herhangi bir resme tıklandığında viewLargerImage fonksiyonunu onclick ile tetikliyorum. mantık olarak doğru mu yapıyorum bilmiyorum ama resimleri ilerletirken dialog ile oynamak yerine içeriğini değiştiriyorum. dolayısıyla bazı sorunlar meydana geliyor fotoğrafların boyutunun farklı olmalarından dolayı. Ok butonuna tıklandığında resmin height attribute'sini çekip dialog'un height'ine eşitleyeceğim ancak height'in değerini button ile değiştirmeyi yapamadım. yukarda 500 diye rasgele bir değer atadım ancak çalışmadı. yardımcı olursanız sevinirim.