2013-03-01 57 views
-2

我沒有發現任何話題可以談論這個,我很抱歉如果沒有正確研究。有沒有什麼辦法把圖片放在jQuery對話框旁邊,如下圖所示?如果是的話如何?如何把圖片放在jquery對話框旁邊?

Dialog

+0

我不明白爲什麼這不是一個問題 – UZUMAKI 2013-03-04 10:16:54

回答

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' 
      }); 
     } 
    }); 
}) 
+0

由於這是真的它不能做 – UZUMAKI 2013-03-04 10:16:23

+0

又一個問題當我顯示對話框時,從該窗口後面顯示灰色背景,包括幫助我的圖像。我如何將此圖像變灰? – UZUMAKI 2013-03-04 11:14:01

+0

您可以將圖像放在容器中,然後放置在圖像上方具有絕對位置的另一個容器中,背景顏色爲:灰色,不透明度位於中間某處。或者,您可以將圖像編輯成圖像編輯器並將其變爲灰色,然後將其上載到服務器上。 – Alqin 2013-03-06 12:38:51