|
| |
|
|
mdwyer
Posts: 34
Joined: 1/26/2002
From: Leesburg va USA
Status: offline
 |
Thumbnail -> grow in place?? - 1/31/2002 21:16:59
Is there a simple way to have a thumbnail link to a larger size photo in the same 'place'? In other words, instead of just linking to a blank page with a larger photo, have the thumbnail pop out to the larger size in the same location?
I realize there are some page designs where this would be a mess, but for a simple design, it might be nice. Then, I could have several thumbnails that you could enlarge without having to hit the back key to get back to the page.
Matt Dwyer
|
|
|
|
garry
Posts: 858
From: Northern Territory Outback Australia
Status: offline
|
RE: Thumbnail -> grow in place?? - 1/31/2002 21:49:34
Hi Matt
You are after a pop up window !! that will be sized to your image.
At this stage you will need to have your photos placed on seperate pages, with that page having its sizes set.
Try this link
http://www.echoecho.com/toolpopupgenerator.htm
for a pop up maker from a link.
Not too sure if this is affected by POPUP Killers.
Cheers from the Outback
Get your didgeridoos from http://www.didj-territory.com.au
| |
|
|
|
Go Joe
Posts: 9
Joined: 2/7/2002
From:
Status: offline
|
RE: Thumbnail -> grow in place?? - 2/7/2002 3:08:31
There is an easy way it is called ZOOM
Put this in the head of your document
<!-- script for New Zoom Images ----------->
<SCRIPT language="JavaScript">
function Zoom(imgName,imgWidth,imgHeight) {
var count = 0;
zoomWindow = window.open('', 'zoomWin', 'width='+imgWidth+',height='+imgHeight+'top=0,left=0,toolbar=0,menubar=0,location=0,scrollbars=0')
zoomWindow.document.write("<html><head><title>Please Wait...<\/title><\/head><body background='popupbacking.gif' leftmargin=0 topmargin=0 marginwidth=0 marginheight=0 text='",imgWidth,imgHeight,"' onBlur='close();'><center><a href='#' onClick =javascript:window.close()><img src='",imgName,"' alt='Click to Close' border='0'><\/a><\/center><\/body><\/html>")
zoomWindow.focus()
zoomWindow.window.resizeTo(imgWidth+8, imgHeight+29);
zoomWindow.document.title = "Name your title here"
}
</SCRIPT>
<!-- END script for New Zoom Images ----------->
Then put this in place of your hyper link
with NO http:// in front of it.
javascript:Zoom('name and location of file.jpg',350,220)
Then what ever the graphic size is put that where the 350 width and 220 height numbers are.
| |
|
 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 
to keep from being bombarded with ads. It will not allow the above popup links to open. 