Sized pop-up window |
Sized pop-up window |
Oct 11 2007, 05:46 PM
Post
#1
|
|
![]() Newbie ![]() Group: Member Posts: 3 Joined: Oct 2007 Member No: 582,587 |
I've asked this question here before (ages ago, and under a different name), but never got an answer that worked.
I'm trying to create sized pop-up windows for viewing photographs on a freewebs site. I found what I want here (click one of the icons and it brings up a sized pop up). I see the code involved, and it's javascript, but I don't know how to edit it for what I want. The basic code is: CODE <a href="java script:PopupPic('image.php?img=photo/images/cornered.jpg&title=cornered');"><img src="http://www.sixhours.net/photo/thumbs2/cornered.jpg" alt="cornered" border="0"></a> (at least, I think that's it.)The site I'm trying to put this on is here. Please disregard the layout, I'm in the process of changing it. Any help would be amazing. I've tried plugging in what it seems I need to, but haven't had any luck so far. Thanks. |
|
|
|
![]() |
| *davinci* |
Oct 11 2007, 06:21 PM
Post
#2
|
|
Guest |
If you simply copy and paste it from another website, you would probably end up not understand how it works. Otherwise, you'd be able to fix it if it isn't working no?
http://www.help4web.net/webmaster/window.html It's easy to do and understand! Edit: Are you looking for something that will open all pop-up windows with the same dimensions or ones that will have the same dimensions as the image it opens? |
|
|
|
Oct 11 2007, 07:52 PM
Post
#3
|
|
![]() Newbie ![]() Group: Member Posts: 3 Joined: Oct 2007 Member No: 582,587 |
To the photo size.
[ e d i t ] I got the script and put it in, and it reads as a link, but doesn't open anything. I checked the code, so I know I copied it right and all the tags and quotes are closed. The head (starts with <HEAD> at the top, then all the other div headers etc., then this): CODE <!-- JAVA FOR SIZED WINDOW POP-UP --> <HEAD> <script LANGUAGE="JavaScript"> <!-- Idea by: Nic Wolfe (Nic@TimelapseProductions.com) --> <!-- Web URL: http://fineline.xs.mw --> <!-- This script and many more are available free online at --> <!-- The JavaScript Source!! http://javascript.internet.com --> <!-- Begin function popUp(URL) { day = new Date(); id = day.getTime(); eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=1,width=64 ,height=480');"); } // End --> </script> </STYLE></HEAD> The div the link is in: CODE <DIV id=container> <DIV class=container-header>Photos: Left</DIV> <center> <a href="http://i91.photobucket.com/albums/k310/post_itquotes/photos%20left/SterlingStateParkBeach-MonroeMI.jpg" target="_blank"> <img src="http://i91.photobucket.com/albums/k310/post_itquotes/photos%20left/th_SterlingStateParkBeach-MonroeMI.jpg"></a><br> Sterling State Beach - Monroe, MI</center> <a href="http://www.freewebs.com/post_itquotes/piq1Alarge.jpg" target="_blank"><IMG src="http://www.freewebs.com/post_itquotes/piq1Asmall.jpg"></a> [u]<A HREF="java script:popUp('http://www.freewebs.com/post_itquotes/piq1Alarge.jpg')">Open With Link</A>[/u] </DIV> Also, I pretty much learned everything I know about html by copying other layout codes and changing things to get what I wanted. Javascript is just different. |
|
|
|
| *Insurmountable* |
Oct 11 2007, 08:38 PM
Post
#4
|
|
Guest |
Have you tried this?
http://www.huddletogether.com/projects/lightbox/ or is that at least what your looking for? |
|
|
|
Oct 11 2007, 09:34 PM
Post
#5
|
|
![]() Newbie ![]() Group: Member Posts: 3 Joined: Oct 2007 Member No: 582,587 |
Not exactly what I meant, but that's works just as well.
I'm just apparenty being daft, and not getting it. Where do I put the lightbox.js code? |
|
|
|
| *Insurmountable* |
Oct 11 2007, 09:39 PM
Post
#6
|
|
Guest |
Well if your making a website, I'm guessing just follow the steps and add it to your html for the page o_O
|
|
|
|
| *IVIike* |
Oct 12 2007, 02:49 PM
Post
#7
|
|
Guest |
|
|
|
|
![]() ![]() |