Yeni5
|
<script type="text/javascript">
/* This script and many more are available free online at
The JavaScript Source!! http://kanalbizim.tr.gg
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 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>