Click here to Skip to main content
Rate this: bad
good
Please Sign up or sign in to vote.
See more: ASP.NET
how to display image at the center of the desktop on mouse over.now i am displaying image at the bottom of the gallery but i want to display at the center of the desktop.
thanks in advance..
//this was my code in designing part
 
.popup
     {
 
<pre>
     width:100px;

height:100px;
position:absolute;
top:50%;
left:50%;
margin:-50px 0 0 -100px; /* [-(height/2)px 0 0 -(width/2)px] */
display:none;
top: 50%;
left: 50%;
margin-left: -400px;
margin-top: -40px;
 
 }</pre>
 
function displayFullImage(imgId, url,w,h)
    {
      var pop=document.getElementById("popup");
      var img=document.getElementById(imgId);
      popup.style.display='block';
      img.style.width="550px"; //change to your image size
      img.style.height="500px"; //change to your image size
      img.src = "upload_content\\"+url;//"upload_content\\admin_Golf.jpg";//url;//
      var w = 200;
      var h = 200;
      var left = Number((screen.width/2)-(w/2));
      var tops = Number((screen.height/2)-(h/2));
 
<pre>
}
 
function hideDiv()
{
var pop = document.getElementById(&quot;popup&quot;);
pop.style.visibility = &quot;hidden&quot;;
}</pre>

//this function was written in master page and i am calling in content page....
Posted 17-Jan-13 20:47pm
ntitish1.6K
Edited 19-Jan-13 22:06pm
v4

1 solution

Rate this: bad
good
Please Sign up or sign in to vote.

Solution 1

<center> 
<img src="test.jpg" style="margin:0 auto;" />
</center>
  Permalink  
v3

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

  Print Answers RSS
0 OriginalGriff 490
1 Sergey Alexandrovich Kryukov 405
2 Maciej Los 310
3 ProgramFOX 265
4 CHill60 200
0 OriginalGriff 490
1 Sergey Alexandrovich Kryukov 405
2 Maciej Los 285
3 ProgramFOX 265
4 Peter Leow 210


Advertise | Privacy | Mobile
Web04 | 2.8.150331.1 | Last Updated 11 Feb 2013
Copyright © CodeProject, 1999-2015
All Rights Reserved. Terms of Service
Layout: fixed | fluid

CodeProject, 503-250 Ferrand Drive Toronto Ontario, M3C 3G8 Canada +1 416-849-8900 x 100