jquery scale height and width of a div from center point of screen
<p>i am in the situation of making a customized slide show. for that, i need to make a div element and appended to body. as well i center it for the screen, using screen width and height, but i unable to make that div scale from the center point of the screen..</p>

<p>what i need is, which i creating div have the 0px height and 0px width, in this state, it need to scale to the size what i am going to append the image with this. so, while it get the image size ( i am keeping it in array), it need to scale height and width what array supplies. but it should start from center of the screen.</p>

<p>how can i achieve a div scale from center of the screen?</p>

<pre><code>$('#slideHolder').appendTo('body').css({border:'1px solid red'});
           var getHCenter = ($(window).width() - $('#slideHolder').outerWidth())/2;
           var getVCenter = ($(window).height() - $('#slideHolder').outerHeight())/2;
           $('#slideHolder').css({left:getHCenter,top:getVCenter}).animate({height:$('#slideHolder').outerHeight()+'px',width:$('#slideHolder').outerWidth()+'px'},100).hide();
</code></pre>

<p>this is what the function what i am using.  but scale is not start and end in the center of the screen. any good idea to scale as well position the image center?</p>
