popping up multiple jpg windows

[Cheez00]

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:

[DigitalPimp]

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

[Cheez00]

ty!

[Cheez00]

... :D

[DigitalPimp]

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. 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.

[Cheez00]

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 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

[DigitalPimp]

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?

[iso]

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...

[Cheez00]

ok look here... click the car pictures...

http://www.cardomain.com/member_pages/view_page.pl?page_id=318529&make_type_query=make%3DMitsubishi&model_brand_query=model%3DMirage&tree=Mitsubishi%20Mirage

[Cheez00]

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?

[DigitalPimp]

Put this in the head of ur HTML document


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


This is where u insert your image


<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.

[Cheez00]

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?

[Cheez00]

?

[DigitalPimp]

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.

[Cheez00]

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

[Cheez00]

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

[DigitalPimp]

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

[blah-de-blah]

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 :P thanks

[blah-de-blah]

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



<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'

[DigitalPimp]

It should say Javascript: instead of VBScript. :)

[blah-de-blah]

Ah ok...now the pop up works...but the content is showing :-\ Do you see anythin wrong with my code?!?!? thanks

[DigitalPimp]

What do you mean the content is showing? Without seeing all your code in production it is kinda hard to tell if your doing something wrong.

[blah-de-blah]

eh sorry i meant content ISN"T showing :-\

[DigitalPimp]

Have you checked the link? '/Full_size_images/cert1.png'? Especially if your on a Linux/Unix server.

[blah-de-blah]

Oh does this only work when its uploaded? i'm just testing this on 'preview in browser' within dreamweaver...

[DigitalPimp]

That is probably your problem. Instead of that link try this.

http://www.kirupa.com/me/images/kirupa.png

[blah-de-blah]

ah yes you are right. That is my problem. thanks digitalpimp!

[awligon]

spoken like a true pimp. :p: