Place this code in head section
<script language="javascript" type="text/javascript">
image_1 = new Image()
image_1.src = "images/al17.jpg"
image_2 = new Image()
image_2.src = "images/al18.jpg"
// Detect Image Size
function DetectImageSize(picName,picTitle){
picURL=picName.src
newWindow=window.open(picURL,'newWin','toolbar=no,width='+picName.width+',height='+picName.height)
newWindow.document.write('<html><head><title>'+picTitle+'<\/title><\/head><body background="'+picURL+'"><\/body><\/html>')
newWindow.resizeBy(picName.width-newWindow.document.body.clientWidth,picName.height-newWindow.document.body.clientHeight)
newWindow.focus()
}
</script>
Place this code in body section
<p align="center">
<a href="javascript:DetectImageSize(image_1,'Bert 17')">
<img border="1" src="images/al17_small.jpg"
alt="Bert 17" width="100" height="59"
onmouseover="window.status='Bert Lutman 17';return true"
onmouseout="window.status='';return true" ></a>
<a href="javascript:DetectImageSize(image_2,'Bert 18')">
<img border="1" src="images/al18_small.jpg"
alt="Bert 18" width="100" height="76"
onmouseover="window.status='Bert Lutman 18';return true"
onmouseout="window.status='';return true" ></a>
<p