Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj11.01.2011, 22:34 (UTC)    
Mesaj konusu: Resim galerisi için ideal bir js

Arkadaşlar js hazırdı biraz editledim kaydırma ile güzel oldu
Kod:
<!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>


Örnek için : http://susasfm.tr.gg/glr.htm
İstediğini gibi editliyebilirsiniz link filan koymadım siz siliceğinize ben koymam büyüklük bende kalır Smile
görüntü açısından zayıf biraz editle birşeye benziyebilir
kolay gelsin
Önceki mesajları göster:   


Powered by phpBB © 2001, 2005 phpBB Group
Türkçe Çeviri: phpBB Türkiye & Erdem Çorapçıoğlu