Printer Friendly Version
Email this thread to a friend
|
Featured Web Site Template |
|
Reflects user activity within the last 5 minutes
|
|
| Member |
Message |
Wushu Pear
Joined: Mar 28, 2001
# Posts: 7
|
Posted: 2001-Mar-30 02:51
Ok, I know the title of this topic is a little strange... but I really need help to figure this one out. A few months ago, I came across a martial arts website that had a really interesting system of viewing pictures. I can't remember the site, but how it worked was something like this... all the images were thumbnails and when you clicked on them, a window would open with the full sized picture. At the bottom would be a [Close] button which closed the picture and window. I thought the idea was great! Can anyone show me how to do this? Thanks!!!
|
 |
matti
Joined: Mar 23, 2001
# Posts: 55
|
Posted: 2001-Mar-30 18:31
What a mess.. (I've edited this post 100 times now but this should work.)thumbnail.html Put this somewhere between <head> and </head>. code:
<script language="Javascript" type="text/javascript">
<!--
function visa(url){
window.open(url,"target","width=200,height=250,toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no");
}
//-->
</script>
The thumbnail code
code:
<a href="javascript:visa('urltopagewithimage.html')"><img src="thumbnail.gif" height="100" width="100" border="0"></a><br> <a href="javascript:visa('urltopagewithimage2.html')"><img src="thumbnail2.gif" height="100" width="100" border="0"></a> <br> <a href="javascript:visa('urltopagewithimage3.html')"><img src="thumbnail3.gif" height="100" width="100" border="0"></a> <br> And so on..
Then you'll have to create one HTML page (urltopagewithimage.html) for each photo/image. It should look like something like this: code:
<html><head><title>photo</title></head>
<body bgcolor="#FFFFFF"><img src="highresulationphoto.jpg" width="150" height="150"><br>
<a href="Javascript: window.close();">
[CLOSE]</a>
</body></html>
*puh* [This message has been edited by matti (edited 03-30-2001).]
|
|
matti
Joined: Mar 23, 2001
# Posts: 55
|
Posted: 2001-Mar-30 18:32
If you use the code above all the pop-ups will get the same size -- this can be a problem if some of your pictures are small and some of them are big. But this can be solved by using the script below..code:
<script Language="JavaScript">
function openwinsize(URL,x,y) {
window.open(URL,"windowname","toolbar=no,location=no,directories=no,status=no,menubar=no,width=" + x + ",height=" + y);
}
</script>
The thumbnail: code:
<a href="#" onClick="openwinsize('urltopagewithimage.html',400,300);"><img src="thumbnail1.gif" height="100" width="100"></a>
This will create a pop-up with the dimensions:
width=400px
height=300px [This message has been edited by matti (edited 03-30-2001).]
|
|
xelA
Joined: Nov 24, 1999
# Posts: 1857
|
Posted: 2001-Mar-30 14:14
wow good post matti
|
|
bhartzer
Staff
Joined: Jun 08, 2000
# Posts: 7042
|
Posted: 2001-Mar-30 15:50
There thumbnail gallery creators that automatically do this; they will take a number of images, say, in one folder on your hard drive and automatically create all the thumbnails, resize all the images, and then create index pages. And when you go to an index page with all the thumbs on them they'll then popup just like you mention above.Why go through all this when you can use a thumbnail gallery creator and do all this in an automated fashion?
|
|
Wushu Pear
Joined: Mar 28, 2001
# Posts: 7
|
Posted: 2001-Mar-30 16:12
Thanks for your input, matti!bhartzer, do you have any suggestions as to which image indexing programs are good?
|
|
xelA
Joined: Nov 24, 1999
# Posts: 1857
|
Posted: 2001-Mar-30 17:30
Yeah Bill do you?
|
|
You are not permitted to post messages in this forum or topic, because of one or more of the following reasons:
- You have not yet logged in, or registered properly as a member
- You are a member, but no longer have posting rights.
- This is a private forum, for which you do not have permissions.
If you are a recent member, it's possible that you simply have not yet confirmed your account. Please
check your email for a message entitled 'JimWorld Forums: Confirm Your Account' and follow the instructions
contained within.
If you cannot find this message, click here to Re-Send it.
|
If you are still experiencing problem, please read the
Login Assistance
Article for some advice on what may be causing your login not to work properly.
|
Switch to Advanced Editor and ...
Create a New Topic
or Reply to this Thread
|
|
Inbox
