iWeb for Musicians

iWeb for Musicians


Website Movie/Video Player Showcase
Main Navigation:


Copyright © Roddy McKay - 2009 - All Rights Reserved
New Window
Using a thumbnail image to open a full sized version in a custom sized new window.
The photo is of a Flying Machine I built a few years ago.

Upload the image to a folder on your server. Drag the thumbnail onto the web page, select it as a hyperlink to the file on the server and check the box in the Link inspector to cause it to open in a new window.
Linking to an enlarged image in a new window
The URL to the file is - http://www.domain.com/Images/Filename.jpg
This method uses Javascript to open the larger image in a popup window.
Because the large image file doesn’t load with the web page, it can be useful for displaying a few photos per page without slowing the page load time to a crawl.
<script type="text/javascript">
function open_win()
{
window.open("http://www.website.com/FolderName/Large-Image.jpg","_blank","toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=no, copyhistory=yes, width=640, height=480") }
</script>
<A><img name="PopUpWin1" border=0 width=240 height=180 src="http://www.website.com/FolderName/Thumbnail.jpg" onclick="open_win()"></A>
Code to be pasted into HTML Snippet
Code Variables:
URL to the file on the server
Window Width
Window Height
Thumbnail Image Height
Thumbnail Image Width
Thumbnail Image URL
Next Page