Click here to Skip to main content
12,942,930 members (60,105 online)
Rate this:
Please Sign up or sign in to vote.
See more:
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....
Posted 17-Jan-13 19:47pm
Updated 19-Jan-13 21:06pm

1 solution

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

Solution 1

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

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

    Print Answers RSS
Top Experts
Last 24hrsThis month
OriginalGriff 4,633
CHill60 2,880
Maciej Los 2,268
Jochen Arndt 1,900
ppolymorphe 1,755

Advertise | Privacy | Mobile
Web01 | 2.8.170518.1 | Last Updated 11 Feb 2013
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