Zoom Control

[Guest]

Hi there,
I have a bunch of images on my ASP.Net website, and i wanted to have a zoom
feature as well..., I can do it with panels and just keep doing the
image.width = image.width * 2... but i wanted to do it another way

I wanted to have that thing where it is just a small square (maybe an inch
by an inch) and that square can be moved with the mouse... then, only the
part inside the square would be zoomed...
is this possible??

Thanks a lot!!

 

[Guest]

Hi ACaunter,

using the style property of the image you can have Zoom the image without a
postback

check this link

http://msdn.microsoft.com/library/d...op/author/dhtml/reference/properties/zoom.asp


****************************
Hope This helps,
Shaun ,M.C.P

http://blogs.wwwcoder.com/shaunakp
****************************

 

[Guest]

Hi Shaun,
thanks for the reply, the link you provided is great.. I almost have the
zoom thing perfect with the <p> tag... The way i'm hoping to get it is to
have that box that can be dragged around, and only the part within the box
gets zoomed.. I wrote the following:

<p class="drag" onmouseover="this.style.zoom='200%'"
onmouseout="this.style.zoom='normal'"></p>
<img id = "Image1" src="img.jpg">


... this only makes the box itself double in size.. if i change the
"this.style.zoom" to "image1.style.zoom", the whole image will double in
size... it's right there , but not quite... do you know how i can keep the
box always the same size, and just have the background i guess of the box, so
just whatever is inside or behind the box to be zoomed... Please provide any
code if you can

thanks alot!