jquery - jqueryダイアログの横に画像を配置するにはどうすればよいですか？

Question

これについて話すトピックは見つかりませんでした。適切に調査しなかった場合はお詫び申し上げます。次の画像のように、jqueryダイアログの横に画像を配置する方法はありますか？はいの場合、どのように？

Answer 1

実例： http： //jsfiddle.net/BwQzs/5/

html：

<div id="dialog" title="Basic dialog">
  <p>A dialog...</p>
</div>
<img style="position: absolute; top:0; left:0; width: 70px;" id="dialogimage" src="https://twimg0-a.akamaihd.net/profile_images/3167619400/f6e8d4a5be06c62a6ea863c3d6dce875.png" />

js：

    $(function(){
    $( "#dialog" ).dialog({

        open: function( event, ui ) {
          $('#dialogimage').css({
              left:$(this).offset().left-75,
              top:$(this).offset().top-46
            });
        },
        drag: function( event, ui ) {
            $('#dialogimage').css({
                left:ui.position.left-70,
                top:ui.position.top,display:'block'
            });
        }
    });
})