|
| |
|
|
TeeJay
Posts: 20
From: USA
Status: offline
 |
opening images in new presized window - 7/20/2003 6:16:54
I know this has been asked, but none of the answers made it clear enough for me. I want to be able to have thumbnails on a page, and when they are clicked on, the full size image opens in a window without any of the browser " stuff" , just a simple window the same size as the image, or at least as clean as possible. Then when the visitor is done viewing the full sized image, they can simply close the image window without ever leaving the original page or having to hit the back button.
I have tried some of the java script websites, but they assume that I know where to put this and that... but sadly, I know nothing about Java. Is there a way to do this really easily? I need a no-brainer here if possible...lol. I need the cookies placed right on the bottom shelf " ifyaknowhatImean" !
Any help you can offer would be greatly appreciated. Thanks in advance.
TJ
|
|
|
|
Mike54
Posts: 4783
Joined: 3/26/2001
From: Way Up Over
Status: online
|
RE: opening images in new presized window - 7/20/2003 10:22:51
Hi TeeJay,
Let' s see if we can help you out with a fairly simple popup script. It' s the same one that can be found in the Tutorials Section.
First make sure you have your images and thumbs organized, optimized and sized. Try to make sure that both the thumbs and images are the same size respectively.
Now between the <head> and </head> tags place the following script
quote:
<script>
function open_window(url) {
mywin = window.open(url," win" ,' toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=0,resizable=0,width=520,height=350' );}
</script>
Changing the 0 to a 1 for any of the attributes will turn it on or off as you want and of course you set the popup size here. Your head section will look something like this.
quote:
<html>
<head>
<meta name=" GENERATOR" content=" Microsoft FrontPage 5.0" >
<meta name=" ProgId" content=" FrontPage.Editor.Document" >
<meta http-equiv=" Content-Type" content=" text/html; charset=windows-1252" >
<title>My Page With Popups</title>
<script>
function open_window(url) {
mywin = window.open(url," win" ,' toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=0,resizable=0,width=520,height=350' );}
</script>
</head>
Now lets get the thumbs in there. You' ll place this code within the <body> </body> tags on your page where you want the thumb to be.
quote:
<A HREF = " javascript:open_window(' path_to_your_popup_image' )" >
<IMG SRC =" path_to_your_thumbnail1" >
</A>
So if you had a blank page with 2 thumbnails to open popups your body code would like this.
quote:
<body>
<A HREF = " javascript:open_window(' popups/mine/first_popup.jpg' )" >
<IMG SRC =" images/neweb/mine/small_image1.jpg" >
</A>
<A HREF = " javascript:open_window(' popups/mine/second_popup.jpg' )" >
<IMG SRC =" images/neweb/mine/small_image2.jpg" >
</A>
</body>
</html>
Hopefully that brief introduction will get you started. Pop back and let us know how it works or if you need any more help or clarification.
< Message edited by Mike54 -- 7/20/2003 10:24:41 AM >
_____________________________
Who was the first guy that looked at a cow and said, "I think that I'll drink whatever comes out of those things when I squeeze them"?
New photogalleries, stop by sometime.
| |
|
|
|
TeeJay
Posts: 20
From: USA
Status: offline
|
RE: opening images in new presized window - 7/29/2003 14:40:12
Mark,
I can' t thank you enough. You made it look embarrassingly simple. Even I was able to make it work. LOL. I have a few more questions, if I may. I' d like to know how to make the irritating blue or purple link border go away on my thumbnail images now. Since I am using a black background (don' t ask..lol) it looks terrible with that link border. I' m not sure if the standard method will work since Java is involved and I certainly don' t want to mess up my coding now that it is working.
Also, is there any way to edit the new opening image window so that the background color can be set? Again, since the background is black for this site, I' d like the window to have a black background since it currently has a small white border around the image when it opens. I' ve tried to resize the new window in the head code, but it simply alters the image and keeps the white border.
Thanks again for whatever help you may offer.
TJ
< Message edited by TeeJay -- 7/29/2003 2:46:20 PM >
| |
|
|
|
TeeJay
Posts: 20
From: USA
Status: offline
|
RE: opening images in new presized window - 7/29/2003 19:54:43
Mike, Mark...sorry. I was so excited, I wasn' t paying attention...lol.
Thanks again for the advice! I sure wish there was a way to remove the white border around the images. But hey, I' m thrilled with what I have. Thank you again!!!
When I double-click on my thumbnails, it opens that thumbnail image in my image editing program. Am I doing something wrong? I had resized each image for use as a thumbnail rather than using the auto FP thumbnail feature. Should I use FP thumbnail instead? Or am I missing something simple again?
Nevermind, I opened it in HTML view and added border=" 0" and it is working perfectly. Thanks!!!
Thanks Mike54, I appreciate your time.
TJ
< Message edited by TeeJay -- 7/29/2003 8:01:36 PM >
| |
|
 New Messages |
 No New Messages |
 Hot Topic w/ New Messages |
 Hot Topic w/o New Messages |
 Locked w/ New Messages |
 Locked w/o New Messages |
|
Post New Thread
Reply to Message
Post New Poll
Submit Vote
Delete My Own Post
Delete My Own Thread
Rate Posts
|
|
|
Printable Version 
BTW that' s Mike, Mark went that away <<>>
