Image Popup

BrennanU · August 31st, 2006, 6:43 PM

Hi. I am working on an image gallery for a site. I want to make it so when you click on a image, it opens a popup containing the image with a 1/2 in border that is my sites bg color. I would also like to call it like example.com/image.php?image=dog.jpg . I have to do alot of images so I would like to just put it in the folder and when you request the url it checks the folder for the image and then displays it. Any ideas? I hope i didnt confuse you too much.

Attached is a screen shot of what I want the popup to look like. Thanks!

BrennanU · August 31st, 2006, 6:51 PM

Here is the image.

H · August 31st, 2006, 10:12 PM

Your best bet is to use JavaScript. Unfortunately it's been about 2 years since I last dealt with creating windows (pop-ups). I can't remember how I handled dynamically sized images.. but if all of yours are the same, it'd be really easy to just center the image in the page and have some padding specified in your window width.

BrennanU · September 1st, 2006, 5:57 PM

I've never done any javascript so I couldnt do it. Anyone else know how I could do it. Also, how would I do the ?image=dog.jpg ?

BogeyDope · September 1st, 2006, 6:05 PM

http://www.google.com/search?hl=en&q...=Google+Search

DUH OR DER

**sneagle** · September 2nd, 2006, 7:30 AM

Is this something you will want to do more than once? There are multiple HTML generation programs that can help you make galleries...take a look at http://www.breezesys.com/
It is not just for Canon cameras and will work with JPG/TIF

**sneagle** · September 2nd, 2006, 7:35 AM

Also, here is the code...

At the top of the HTML page add this:

Code:

<script language="javascript">
function launch()
{
' I used variables here to set w, h, winleft and winup.  These were passed by Breezebrowser from the image info
popup=window.open('imagename','popup title',"width=100,height=100,resizable=no,scrollbars=no,menubar=no,toolbar=no,status=no,location=no");
popup.resizeTo(w,h);
popup.moveTo(winleft,winup);
}

</script>

Then for the photo add a link as follows:

Code:

<a href="javascript:launch()"><img src="image name">

See here for an example

BrennanU · September 4th, 2006, 9:32 AM

Sorry for the slow response, I have been really busy with school. Sneagle: I looked at multiple gallery programs, and none of them really seemed to fit my needs. I finally just decided to make my own. I also tried that code and it didn't seem to work.

**sneagle** · September 4th, 2006, 2:50 PM

Take a look at the example page (http://www.msj3.com/2005_giants_saints/) and look at the source code there. That will give you a better idea what file names to place where.

And, again, if this is something you will want to do, I recommend a program to generate the pages. Check out Breezebrowser...you can design your own templates--there are multiple examples included that you can modify.

August 31st, 2006, 6:43 PM	#1 (permalink)
BrennanU Registered User Comfy Contributor Joined in Feb 2006 Lives in Ohio Hosted on SH93 119 posts Gave thanks: 4 Thanked 0 times	Image Popup Hi. I am working on an image gallery for a site. I want to make it so when you click on a image, it opens a popup containing the image with a 1/2 in border that is my sites bg color. I would also like to call it like example.com/image.php?image=dog.jpg . I have to do alot of images so I would like to just put it in the folder and when you request the url it checks the folder for the image and then displays it. Any ideas? I hope i didnt confuse you too much. Attached is a screen shot of what I want the popup to look like. Thanks! __________________ http://www.brennanu.com is on SH93 Last edited by BrennanU; August 31st, 2006 at 6:50 PM.. Reason: image didnt attach

August 31st, 2006, 6:51 PM	#2 (permalink)
BrennanU Registered User Comfy Contributor Joined in Feb 2006 Lives in Ohio Hosted on SH93 119 posts Gave thanks: 4 Thanked 0 times	Here is the image. Attached Thumbnails __________________ http://www.brennanu.com is on SH93

September 1st, 2006, 5:57 PM	#4 (permalink)
BrennanU Registered User Comfy Contributor Joined in Feb 2006 Lives in Ohio Hosted on SH93 119 posts Gave thanks: 4 Thanked 0 times	I've never done any javascript so I couldnt do it. Anyone else know how I could do it. Also, how would I do the ?image=dog.jpg ? __________________ http://www.brennanu.com is on SH93

September 2nd, 2006, 7:30 AM	#6 (permalink)
sneagle Surpass Fan On a golden path... Joined in Oct 2005 Lives in Northern NJ Hosted on PASS83 348 posts Gave thanks: 7 Thanked 16 times	Is this something you will want to do more than once? There are multiple HTML generation programs that can help you make galleries...take a look at http://www.breezesys.com/ It is not just for Canon cameras and will work with JPG/TIF __________________ www.msj3.comSPACERReseller - PASS83 SPACER

September 2nd, 2006, 7:35 AM	#7 (permalink)
sneagle Surpass Fan On a golden path... Joined in Oct 2005 Lives in Northern NJ Hosted on PASS83 348 posts Gave thanks: 7 Thanked 16 times	Also, here is the code... At the top of the HTML page add this: Code: <script language="javascript"> function launch() { ' I used variables here to set w, h, winleft and winup. These were passed by Breezebrowser from the image info popup=window.open('imagename','popup title',"width=100,height=100,resizable=no,scrollbars=no,menubar=no,toolbar=no,status=no,location=no"); popup.resizeTo(w,h); popup.moveTo(winleft,winup); } </script> Then for the photo add a link as follows: Code: <a href="javascript:launch()"><img src="image name"> See here for an example __________________ www.msj3.comSPACERReseller - PASS83 SPACER Last edited by sneagle; September 2nd, 2006 at 7:38 AM..

August 31st, 2006, 10:12 PM	#3 (permalink)
H after g, before i Resident. Joined in Jul 2004 Lives in N,BC,CA 8,092 posts Gave thanks: 48 Thanked 131 times	Your best bet is to use JavaScript. Unfortunately it's been about 2 years since I last dealt with creating windows (pop-ups). I can't remember how I handled dynamically sized images.. but if all of yours are the same, it'd be really easy to just center the image in the page and have some padding specified in your window width.

September 1st, 2006, 6:05 PM	#5 (permalink)
BogeyDope Registered User Fresh Surpasser Joined in Aug 2006 15 posts Gave thanks: 0 Thanked 0 times	http://www.google.com/search?hl=en&q...=Google+Search DUH OR DER

September 4th, 2006, 9:32 AM	#8 (permalink)
BrennanU Registered User Comfy Contributor Joined in Feb 2006 Lives in Ohio Hosted on SH93 119 posts Gave thanks: 4 Thanked 0 times	Sorry for the slow response, I have been really busy with school. Sneagle: I looked at multiple gallery programs, and none of them really seemed to fit my needs. I finally just decided to make my own. I also tried that code and it didn't seem to work. __________________ http://www.brennanu.com is on SH93

September 4th, 2006, 2:50 PM	#9 (permalink)
sneagle Surpass Fan On a golden path... Joined in Oct 2005 Lives in Northern NJ Hosted on PASS83 348 posts Gave thanks: 7 Thanked 16 times	Take a look at the example page (http://www.msj3.com/2005_giants_saints/) and look at the source code there. That will give you a better idea what file names to place where. And, again, if this is something you will want to do, I recommend a program to generate the pages. Check out Breezebrowser...you can design your own templates--there are multiple examples included that you can modify. __________________ www.msj3.comSPACERReseller - PASS83 SPACER

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search
Rate This Thread
Rate This Thread: