Click to See Complete Forum and Search --> : Open new page with a larger graphic


MC73
11-11-2005, 11:32 AM
Howdy pardners,
I'm new to this forum and I'm not a programmer.
By trade I'm a been counter but I play (from time to time) as web designer.
I have made this site for a nice of mine over in Europe and I have a problem with her pictures.
I have a thumb img and when you click on it will open a larger version of the img.
Now the problem I have.... I can't make it show a close button an the larger img.
- Would like to open a window the size of the larger img
- Would like to be able to click on the img and close the new window
- OR to have an X and "close" on the img.

This is my code:<div align="center">
<a href="Images/expozitie_copii/Adina/15.jpg" target="_blank"><img src="Images/Thumb/expo_kids/adina/tn_15.jpg" alt="" height="200" width="140" border="0"></a></div>

Thank you for giving the opportunity to write to you gurus about my problem.

Michael

PS: site is at www.lucianaart.ro and is under construction

dadbe
11-11-2005, 09:18 PM
This is a hobby for me,(photographer) but put the large image on a page and place buttons where you want and then link to the page.

SpectrumFire
11-12-2005, 01:39 AM
I think javascripting will come in handy for what you're talkin about. A few of my friends run animation portal sites that, when selected, open animations up in a new window with a certain size frame accordinly to the animation. They also have the 'close window' function you spoke of.

I'll look in to getting the code they used for you. ;)

Zillarian
11-18-2005, 05:09 PM
This is the code I use, it generates a new window 780 pixels wide and 550 pixels high.

<A TARGET="image1" HREF="b29-4293967-1.jpg" onclick="window.open('b29-4293967-1.html','Galleryimage','width=780,height=550,screenX=001,screenY=001,top=001,left=001,scrollbars=yes ,resizable=yes');return false;" ><img src="images/b29-4293967-1sm.jpg" border="1" ></a> &nbsp;

and then in the file that pops up use this

<A HREF="javascript:window.close()"><img src="images/close.gif" border="0"></A><br>

michele234
11-29-2005, 02:00 AM
I need help with this too....

can you clarify in your code...what is what?

for instance...image1
is that what its supposed to say, or should I be putting a url there?


b29-4293967-1.jpg
I would think this is the THUMBNAIL image....


images/close.gif
Im guessing this is the Big image???

and for the code.........does that just go right next to the first code?
I have several pictures in a table....to there are alot of 'td' things .....

thanks for any help...im really not a web designer, just someone keeping up with a site and im looking to make it as easy to use as possible...this would really help!

michele234
11-29-2005, 05:58 AM
nevermind..........trial and error.........trial and error..........

lol

i got it!