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.4K
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
0 Sergey Alexandrovich Kryukov 540
1 CPallini 290
2 OriginalGriff 265
3 ChauhanAjay 124
4 George Jonsson 120
0 OriginalGriff 6,474
1 Sergey Alexandrovich Kryukov 6,190
2 CPallini 5,180
3 George Jonsson 3,574
4 Gihan Liyanage 2,522


Advertise | Privacy | Mobile
Web02 | 2.8.140916.1 | Last Updated 11 Feb 2013
Copyright © CodeProject, 1999-2014
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