Küçük resme tıkla sağda büyük halini gör kodu.

<script type="text/javascript">
/* This script and many more are available free online at
The JavaScript Source!!
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
// talat35-2009/
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 valign=top>
<img id=1 class="thumbNormal" src="http://javascript.internet.com/image-effects/pix1.jpg" width=120 onclick="SelectImg(1)">
<br><img id=2 class="thumbNormal" src="http://javascript.internet.com/image-effects/pix2.jpg" width=120 onclick="SelectImg(2)">
<br><img id=3 class="thumbNormal" src="http://javascript.internet.com/image-effects/pix3.jpg" width=120 onclick="SelectImg(3)">
</td>
<td width=15> </td>
<td valign=top>
<img id=0 src="">
</td>
</tr>
</table>