<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-9" />
<title>Untitled Document</title>
<style type="text/css">
.thumbs tr td p {
font-size: 24px;
}
</style>
</head>
<body>
<marquee onmouseover="this.stop()" onmouseout="this.start()"
width="300" height="300" direction="horizontal" scrollamount="1"
scrolldelay="60" loop="99999">
<script type="text/javascript">
/* This script and many more are available free online at
The JavaScript Source!! http://javascript.internet.com
Created by: Troy Wolf | */
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);
}
// Multiple onload function created by: Simon Willison
// http://simonwillison.net/2004/May/26/addLoadEvent/
function addLoadEvent(func) {
var oldonload = window.onload;
if (typeof window.onload != 'function') {
window.onload = func;
} else {
window.onload = function() {
if (oldonload) {
oldonload();
}
func();
}
}
}
addLoadEvent(function() {
LoadTrigger();
});
</script>
<style>
.thumbNormal {
border:2px solid #000000;
}
.thumbSelected {
border:2px solid #ff0000;
}
table.thumbs {
border: none;
}
</style>
<table class="thumbs">
<tr>
<td width="325" height="273" valign=top bgcolor="#FFFFFF"><p><br>
</p>
<p><img src="http://javascript.internet.com/image-effects/pix3.jpg" width=100 height="100" class="thumbNormal" id=3 onclick="SelectImg(3)" />I<img src="http://javascript.internet.com/image-effects/pix1.jpg" width=100 height="100" class="thumbNormal" id=1 onclick="SelectImg(1)" />I<img src="http://javascript.internet.com/image-effects/pix2.jpg" width=100 height="100" class="thumbNormal" id=2 onclick="SelectImg(2)" /></p>
<p><strong>KaPTaN</strong></p></td>
<td width=10> </td>
<td width="47" valign=top> </td>
</tr>
</table>
</marquee>
<img id=0 src="" />
</body>
</html>
