Programalama > JAVA SCRIPT

<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>


www.kanalbizim.tr.gg
kanalbizim@hotmail.com