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
     {
 
         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;
 
     }
 
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));
 

    }
 
    function hideDiv()
    {
    var pop = document.getElementById("popup");
    pop.style.visibility = "hidden";
    }
 
//this function was written in master page and i am calling in content page....
Posted 17-Jan-13 19:47pm
ntitish1.3K
Edited 19-Jan-13 21: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
Your Filters
Interested
Ignored
     
0 Guruprasad.K.Basavaraju 450
1 Sergey Alexandrovich Kryukov 370
2 Shai Vashdi 318
3 OriginalGriff 265
4 Peter Leow 171
0 Sergey Alexandrovich Kryukov 9,109
1 OriginalGriff 5,290
2 Peter Leow 4,010
3 Maciej Los 3,535
4 Abhinav S 3,263


Advertise | Privacy | Mobile
Web01 | 2.8.140415.2 | Last Updated 11 Feb 2013
Copyright © CodeProject, 1999-2014
All Rights Reserved. Terms of Use
Layout: fixed | fluid