thumbnails images popup

{ May 12, 2008 @ 10:19 am } · { Uncategorized }

<html>
<head>
<style>
body {
background-color:#000000;
color:#E27907;
font-family:Verdana,Arial;
font-size:10pt;
letter-spacing:2;
}
.thumbNormal {
border:4px solid #000000;
}
.thumbSelected {
border:4px solid #ff0000;
}
</style>
<script language=javascript>
var lastID = 0;
function SelectImg(id) {
if (lastID > 0) {
document.getElementById(lastID).className = “thumbNormal”;
}
document.getElementById(id).className = “thumbSelected”;
document.getElementById(0).src = document.getElementById(id).src;
lastID = id;
}
function LoadTrigger() {
SelectImg(1);
}
window.onload = LoadTrigger;
</script>
</head>
<body>
Click a photo on the left to view full size.
<table border=0>
<tr>
<td valign=top>
<img id=1 class=”thumbNormal” src=”http://www.codetoad.com/images/3lio103.jpg” width=120 onclick=”SelectImg(1)”>
<br><img id=2 class=”thumbNormal” src=”http://www.codetoad.com/images/3lio20.jpg” width=120 onclick=”SelectImg(2)”>
<br><img id=3 class=”thumbNormal” src=”http://www.codetoad.com/images/3lion19.jpg” width=120 onclick=”SelectImg(3)”>
</td>
<td width=15> </td>
<td valign=top>
<img id=0 src=”">
</td>
</tr>
</table>
</body>
</html>

Leave a Comment