Popup - detect and autosize to image

Jake · May 25, 2005

Hi,
I have a page with a bunch of thumbnails that when clicked, open the full
size image in a new window. They are all different sizes and its a bit
unprofessional looking. I'd like to find a component or script that will
detect the size of the linked image and create a popup correctly sized to
the image. Would have no toolbar, buttons,scrolling, etc. Just a clean,
correctly sized window.

Any way to do this?

TIA

McKirahan · May 26, 2005

Jake said:
Hi,
I have a page with a bunch of thumbnails that when clicked, open the full
size image in a new window. They are all different sizes and its a bit
unprofessional looking. I'd like to find a component or script that will
detect the size of the linked image and create a popup correctly sized to
the image. Would have no toolbar, buttons,scrolling, etc. Just a clean,
correctly sized window.

Any way to do this?

TIA

Will this help? Watch for word-wrap.

<html>
<head>
<title>enlarge.htm</title>
<script type="text/javascript">
function enlarge(image) {
var i = new Image();
i.src = image;
var x = i.width;
var y = i.height;
// window.status for degugging:
window.status = image + " = " + x + " x " + y + " pixels";
var z = "scrollbars=no,width=" + (x+20) + ",height=" + (y+20);
window.open(image,"image",z);
}
</script>
</head>
<body>
<a
href="javascript:enlarge('http://www.google.com/intl/en/images/logo.gif');"

<img src="http://groups-beta.google.com/images/google_sm.gif"

border="1" width="143" height="59" alt="Click to enlarge"></a>
</body>
</html>

Mark Schupp · May 26, 2005

first you will need to get the actual size of the image. best time to do
this is when you upload the image (keep info in a database so that you don't
have to extract it every time a page is displayed). If you know the size at
that time use it. otherwise see http://www.aspfaq.com/show.asp?id=2170 for
info about extracting size.

Embed the size in your window.open statement (in the client-side code you
generate) for each thumbnail link.

I am trying to detect Which image id="" was clicked ?	22	Jan 3, 2023
Pyautogui, cv2 and cannot find image	0	Feb 7, 2023
How Do I Set text on an Image and use the image as a border?	7	Mar 16, 2023
Gallery - mosiac/grid layout with filtering and information page popup	1	Apr 13, 2020
Image overlay and comparison code error.	2	Jul 1, 2021
Responsive width SVG image with fixed height rectangle at left and bottom - see my pen	0	Nov 26, 2022
Image shifts to the right when export the page to pdf	4	May 5, 2023
detect session timeout in popup	4	Oct 23, 2008

Popup - detect and autosize to image

Jake

McKirahan

Mark Schupp

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads