Programalama > JAVA SCRIPT

JAVA SCRIPT / Resim Slaytı

Resim Galerinizi Için Harika Bir Hazır Kod

Etiketler: resim, slaytı

Ort. 5

Puan ver:

hazirkod 24 June 19:34 0

1 kişiden 5 puan aldı

6558

<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