G
Guest
Hi there,
I have an image on my ASP.Net page and i created a <p> tag that can be
dragged around the screen.. I needed to get it so that when the <p> tag is
over the image, whatever is inside, or behind (however you want to call it),
only that part gets zoomed in...
so i need the box and the image to always be the same original size and only
when the box is placed over the image, the part of the image within the box
will get zoomed..
please provide any code you can... thanks!!!!
I so far wrote the following, but this just makes the box itself double in
size and not what's behind it.. i tried replacing "this.style.zoom" with
"image1.style.zoom" , but then the box stays the same size and the whole
image will double in size.. what am i doing wrong???
<p class="drag" onmouseover="this.style.zoom='200%'"
onmouseout="this.style.zoom='normal'"></p>
<img id = "Image1" src="img.jpg" >
I have an image on my ASP.Net page and i created a <p> tag that can be
dragged around the screen.. I needed to get it so that when the <p> tag is
over the image, whatever is inside, or behind (however you want to call it),
only that part gets zoomed in...
so i need the box and the image to always be the same original size and only
when the box is placed over the image, the part of the image within the box
will get zoomed..
please provide any code you can... thanks!!!!
I so far wrote the following, but this just makes the box itself double in
size and not what's behind it.. i tried replacing "this.style.zoom" with
"image1.style.zoom" , but then the box stays the same size and the whole
image will double in size.. what am i doing wrong???
<p class="drag" onmouseover="this.style.zoom='200%'"
onmouseout="this.style.zoom='normal'"></p>
<img id = "Image1" src="img.jpg" >