Как разместить изображение рядом с диалоговым окном 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" /> 

ЯШ:

$(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' 
      }); 
     } 
    }); 
})