2013-03-01 62 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