# Popping up multiple jpg windows

**URL:** <https://forum.kirupa.com/t/popping-up-multiple-jpg-windows/27353>\
**Category:** Uncategorized\
**Created:** [August 1, 2003, 11:33am UTC](https://forum.kirupa.com/t/popping-up-multiple-jpg-windows/27353 "2003-08-01T11:33:23Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![Cheez00](https://avatars.discourse-cdn.com/v4/letter/c/e0b2c6/32.png) [@Cheez00](https://forum.kirupa.com/u/Cheez00)\
**Post date:** [August 1, 2003, 11:33am UTC](https://forum.kirupa.com/t/popping-up-multiple-jpg-windows/27353/1 "2003-08-01T11:33:23Z")

</div>

hi there, i was curious is there a code (for an html button) to open up an uploaded jpg in a pop up, with no borders… casue it would seem kinda time consuming to make a seperate html page with the picture inside, and putting the java script code in… if so please post, thank you

:chinaman:

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [August 1, 2003, 5:24pm UTC](https://forum.kirupa.com/t/popping-up-multiple-jpg-windows/27353/2 "2003-08-01T17:24:59Z")

</div>

I can write something up for you, I’ll make it tonight when I get home from work.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [August 2, 2003, 2:17am UTC](https://forum.kirupa.com/t/popping-up-multiple-jpg-windows/27353/3 "2003-08-02T02:17:45Z")

</div>

ty!

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [August 2, 2003, 5:53am UTC](https://forum.kirupa.com/t/popping-up-multiple-jpg-windows/27353/4 "2003-08-02T05:53:50Z")

</div>

… 😃

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [August 2, 2003, 9:00pm UTC](https://forum.kirupa.com/t/popping-up-multiple-jpg-windows/27353/5 "2003-08-02T21:00:25Z")

</div>

I just relooked at your post and realized it may be a little more difficult then I first expected. Can I just have it so you can click on the popped up pic to close it down again?

If you want something really easy then I can do something that is like on the right-side of this site [www.virtualenterprise.org](http://www.virtualenterprise.org). You just make 2 html pages, 1 with the thumbnails and one for the popup and you can pass and parse out the names of the thumbnails so it dynamically loads a jpeg into the other window. This would be easier and I could do faster. Just let me know.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [August 3, 2003, 5:38pm UTC](https://forum.kirupa.com/t/popping-up-multiple-jpg-windows/27353/6 "2003-08-03T17:38:40Z")

</div>

sure… thats fine, i just wondered if there was an easier way than putting each jpg into an html because in my flash file, [http://tek-labs.com](http://tek-labs.com) if you go to affiliation, i just did the code off kirupa’s tutorial and i didnt even have to mess with the html… thank dude

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [August 3, 2003, 7:52pm UTC](https://forum.kirupa.com/t/popping-up-multiple-jpg-windows/27353/7 "2003-08-03T19:52:58Z")

</div>

Oh k, I went to that page and now I’m confused even more as to what you want. Can you show me an example of a site that you like that does this or something?

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [August 5, 2003, 4:09am UTC](https://forum.kirupa.com/t/popping-up-multiple-jpg-windows/27353/8 "2003-08-05T04:09:17Z")

</div>

yeah, i don’t get it either. you want a bunch of JPGs to each have their own popup windows but don’t want to make a bunch of HTML pages? sounds like a job for PHP to me…

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [August 5, 2003, 9:36am UTC](https://forum.kirupa.com/t/popping-up-multiple-jpg-windows/27353/9 "2003-08-05T09:36:50Z")

</div>

ok look here… click the car pictures…

> **[Cars, Trucks & SUVs Photos, Videos and News at CarDomain.com](http://www.cardomain.com/)**
>
> World's largest car community where you can share your best looking cars, trucks & SUVs. Show off your customized vehicles and parts to multimillion users at Cardomain.com

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [August 5, 2003, 10:22am UTC](https://forum.kirupa.com/t/popping-up-multiple-jpg-windows/27353/10 "2003-08-05T10:22:44Z")

</div>

ok i can see on that page when ur mouse goes over the pics… what the url is… i tried that but replaced it with my jpg… and i get an error on page, is there something i need to do?

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [August 5, 2003, 2:47pm UTC](https://forum.kirupa.com/t/popping-up-multiple-jpg-windows/27353/11 "2003-08-05T14:47:02Z")

</div>

Put this in the head of ur HTML document

```php

<SCRIPT LANGUAGE="JavaScript">
<!--
function ShowImage(url, width, height)
{
	window.open(url,"","height=" + height + ",width=" + width + ",statusbar=no,location=no,menubar=no,toolbar=no,resizable=no ");
}
//-->
</SCRIPT>

```

This is where u insert your image

```php

<A HREF="javascript:ShowImage('http://LinkToLargerImage.jpg', 575, 223)"><IMG SRC="'http://ThumbnailImageHere.jpg'" WIDTH=250 HEIGHT=97 BORDER=0></A>

```

w0w, if you would had posted that a long time ago we could of had this solved.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [August 5, 2003, 10:18pm UTC](https://forum.kirupa.com/t/popping-up-multiple-jpg-windows/27353/12 "2003-08-05T22:18:27Z")

</div>

the first code, do i put that in the frame page, or the index.htm page… and for the second link, can i use the one that i showed you?

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [August 8, 2003, 12:03am UTC](https://forum.kirupa.com/t/popping-up-multiple-jpg-windows/27353/13 "2003-08-08T00:03:36Z")

</div>

?

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [August 8, 2003, 4:17pm UTC](https://forum.kirupa.com/t/popping-up-multiple-jpg-windows/27353/14 "2003-08-08T16:17:41Z")

</div>

Both code has to go on the same page. Also, where it says "\<A HREF=“about :ShowImage” it should be "\<A HREF=“javascript:ShowImage” but for some reason it always gets jacked up.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [August 9, 2003, 1:18am UTC](https://forum.kirupa.com/t/popping-up-multiple-jpg-windows/27353/15 "2003-08-09T01:18:09Z")

</div>

lets say im using dreamwevaer lol i put the first code in, and i put the second code on the image link?

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [August 18, 2003, 8:12am UTC](https://forum.kirupa.com/t/popping-up-multiple-jpg-windows/27353/16 "2003-08-18T08:12:51Z")

</div>

somone wanna check the code? my page is [http://q3r.cjb.net](http://q3r.cjb.net) go to matches, then the first jpg, the top left one is the one im working on for now… thanks

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [August 22, 2003, 4:48pm UTC](https://forum.kirupa.com/t/popping-up-multiple-jpg-windows/27353/17 "2003-08-22T16:48:29Z")

</div>

you need to get rid of this in the hyperlink ( target="\_blank")

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [August 31, 2003, 8:29am UTC](https://forum.kirupa.com/t/popping-up-multiple-jpg-windows/27353/18 "2003-08-31T08:29:23Z")

</div>

nice code digital pimp, just wondering what the ‘about :’ does after “\<a href=…”??

I’ve heard of the ‘#’ thing, but not sure what any of these do. If you know a link or have an explanation for these that would be good 😛 thanks

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [August 31, 2003, 9:44am UTC](https://forum.kirupa.com/t/popping-up-multiple-jpg-windows/27353/19 "2003-08-31T09:44:11Z")

</div>

for some reason mine doesn’t work :-\ I used your show image function with this:

```php

<a href="about: ShowImage('/Full_size_images/cert1.png', 533, 700)"><img src="Images/cert1.png" width="180" height="150"></a>

```

but it just brings me to a blank page :-\Do you know whats wrong?!

EDIT: my code says ‘about’ instead of vbscript :-\ Weird how the forum changes it to ‘vbscript’

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [September 2, 2003, 2:02pm UTC](https://forum.kirupa.com/t/popping-up-multiple-jpg-windows/27353/20 "2003-09-02T14:02:12Z")

</div>

It should say Javascript: instead of VBScript. 🙂

[Next page](https://forum.kirupa.com/t/popping-up-multiple-jpg-windows/27353.md?page=2)