Click here to Skip to main content
13,091,548 members (68,074 online)

how to popup image at the center of the desktop on mouse over

ntitish asked:

Open original thread
how to display image at the center of the desktop on mouse 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

  margin:-50px 0 0 -100px; /* [-(height/2)px 0 0 -(width/2)px] */
  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);'block';"550px"; //change to your image size"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"); = "hidden";

//this function was written in master page and i am calling in content page....


When answering a question please:
  1. Read the question carefully.
  2. Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
  3. If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Let's work to help developers, not make them feel stupid.
Please note that all posts will be submitted under the The Code Project Open License (CPOL).

Advertise | Privacy |
Web04 | 2.8.170813.1 | Last Updated 26 Mar 2009
Copyright © CodeProject, 1999-2017
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