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