E
Eugene Anthony
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="JavaScript">
function openFullSize(Pix)
{
nullIMG.src = Pix;
wStr = nullIMG.width;
offsetW = wStr;
wStr = wStr-5;
wStr = "width="+wStr;
hStr = nullIMG.height;
offsetH = hStr;
hStr = hStr-35;
hStr = "height="+hStr;
lStr = (screen.Width/2 - offsetW/2);
lStr = "left="+lStr;
tStr = (screen.height/2 - offsetH/2);
tStr = "top="+tStr;
window.open(Pix,"FullSize","toolbar=0,status=0,scrollbars=yes,
"+tStr+","+lStr+","+wStr+","+hStr+" ");
}
function buildSupport()
{
styleStr = "<Style> .placeHolder
{Position:Absolute;Top:-2000;};</Style>";
divStr = "<Div class=placeHolder><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
penFullSize('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
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="JavaScript">
function openFullSize(Pix)
{
nullIMG.src = Pix;
wStr = nullIMG.width;
offsetW = wStr;
wStr = wStr-5;
wStr = "width="+wStr;
hStr = nullIMG.height;
offsetH = hStr;
hStr = hStr-35;
hStr = "height="+hStr;
lStr = (screen.Width/2 - offsetW/2);
lStr = "left="+lStr;
tStr = (screen.height/2 - offsetH/2);
tStr = "top="+tStr;
window.open(Pix,"FullSize","toolbar=0,status=0,scrollbars=yes,
"+tStr+","+lStr+","+wStr+","+hStr+" ");
}
function buildSupport()
{
styleStr = "<Style> .placeHolder
{Position:Absolute;Top:-2000;};</Style>";
divStr = "<Div class=placeHolder><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
penFullSize('http://www.mama.com/db/Upload/photos/nature/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