I am using javascript to open the pop up window. Now the pop up window
will be displayed in a center position and in it the images will be
displays (one image at a time as the next and previous button is
clicked). The images are retrieved and displayed using asp. Now is there
a way to shrink the size of the image so that it fits the size of the
pop up window and when I click on the image the image will be resized to
its original size.
For example:
<HTML>
<Head>
<Script Language="JavaS cript">
function openFullSize(Pi x)
{
nullIMG.src = Pix;
wStr = nullIMG.width;
offsetW = wStr;
wStr = wStr-5;
wStr = "width="+wS tr;
hStr = nullIMG.height;
offsetH = hStr;
hStr = hStr-35;
hStr = "height="+h Str;
lStr = (screen.Width/2 - offsetW/2);
lStr = "left="+lSt r;
tStr = (screen.height/2 - offsetH/2);
tStr = "top="+tStr ;
window.open(Pix ,"FullSize","to olbar=0,status= 0,scrollbars=ye s,
"+tStr+","+lStr +","+wStr+","+h Str+" ");
}
function buildSupport()
{
styleStr = "<Style> .placeHolder
{Position:Absol ute;Top:-2000;};</Style>";
divStr = "<Div class=placeHold er><IMG Src=Null ID=nullIMG></Div>"
document.write( styleStr);
document.write( divStr);
}
buildSupport();
</Script>
<Body>
<center>
<H3>Thumbnail link to clean, dynamically sized window</H3>
<a
href=javascript :openFullSize(' http://www.mama.com/db/Upload/photos/natur
e/06331_30.jpg')> <img
src='http://www.mama.com/db/Upload/photos/nature/06331_30.jpg'
width='140' height='105' alt='Click to enlarge'></a>
</center>
</Body>
</HTML>
I came up with this example using jscript
and I require something like this to work on asp.
Eugene Anthony
*** Sent via Developersdex http://www.developersdex.com ***
will be displayed in a center position and in it the images will be
displays (one image at a time as the next and previous button is
clicked). The images are retrieved and displayed using asp. Now is there
a way to shrink the size of the image so that it fits the size of the
pop up window and when I click on the image the image will be resized to
its original size.
For example:
<HTML>
<Head>
<Script Language="JavaS cript">
function openFullSize(Pi x)
{
nullIMG.src = Pix;
wStr = nullIMG.width;
offsetW = wStr;
wStr = wStr-5;
wStr = "width="+wS tr;
hStr = nullIMG.height;
offsetH = hStr;
hStr = hStr-35;
hStr = "height="+h Str;
lStr = (screen.Width/2 - offsetW/2);
lStr = "left="+lSt r;
tStr = (screen.height/2 - offsetH/2);
tStr = "top="+tStr ;
window.open(Pix ,"FullSize","to olbar=0,status= 0,scrollbars=ye s,
"+tStr+","+lStr +","+wStr+","+h Str+" ");
}
function buildSupport()
{
styleStr = "<Style> .placeHolder
{Position:Absol ute;Top:-2000;};</Style>";
divStr = "<Div class=placeHold er><IMG Src=Null ID=nullIMG></Div>"
document.write( styleStr);
document.write( divStr);
}
buildSupport();
</Script>
<Body>
<center>
<H3>Thumbnail link to clean, dynamically sized window</H3>
<a
href=javascript :openFullSize(' http://www.mama.com/db/Upload/photos/natur
e/06331_30.jpg')> <img
src='http://www.mama.com/db/Upload/photos/nature/06331_30.jpg'
width='140' height='105' alt='Click to enlarge'></a>
</center>
</Body>
</HTML>
I came up with this example using jscript
and I require something like this to work on asp.
Eugene Anthony
*** Sent via Developersdex http://www.developersdex.com ***
Comment