YAZILIM-ARŞİVİ.NET

Son Değiştirilme09:21:51 AM GMT

Başlıklar

Web Siteleri İçin JavaScript İle Yapılmış Güzel Bir Slayt

Çarşamba, 21 Ekim 2009 08:31 yönetici
e-Posta Yazdır PDF
( 0 - user rating )
Add Comment
feed
busy
  • 1 of 4

Hiç kuşkusuz javascriptler web siteleri için çok önemlidir web siteleri gibi tasarımın ön plana çıktığı çalışmalarda bu tasarımı daha da güzelleştirmek için html kodlarının yanı sıra diğer diller ve programlarlada site desteklenmektedir.İşte bende bu yazımda javascript ile yapılmış güzel bir resim geçişi çalışmamı sizlerle paylaşıyorum web sitenize renk katacak bir çalışma dilerim beğenirsiniz.

Resim geçişine bakmak için buraya tıklayınız.


 

Kodlar:

 

<html>
<head>
<title>Halit Özdemir </title>
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
<script type="text/javascript">
function $(id)
{
return document.getElementById(id);
}
</script>
</head>
<body>
<table>
<tr>
<td>
<table align="center" width="250" height="272" border="0">
<tr>
<th scope="row"><img src="http://www.guzelresimlerr.com/data/media/26/manzara-resimleri17.jpg" name="slayt" width="400" height="300" id="slayt" /></th>
</tr>
</table>
<p><br />
<br />
</p>
<table height="53" border="0">
<tr>
<th scope="row"><img src="http://4.bp.blogspot.com/_S4WZcXcvdiQ/Sa1sPGCcKoI/AAAAAAAABvk/MR8FDAuUoxI/s400/Manzara+Resimleri+(31).jpg" width="70" height="74" onmouseover="$('slayt').src=this.src;" /></th>
<td><img src="http://2.bp.blogspot.com/_PytQOxVqATM/RtjsT_ykbTI/AAAAAAAAAQ4/Bd5EtjOBLr8/s400/manzara15.jpg" width="70" height="74" onmouseover="$('slayt').src=this.src;" /></td>
<td><img src="http://4.bp.blogspot.com/_QVDvpKWSpaM/SblPQR8zoOI/AAAAAAAABxg/EWVB3dgNNu8/s400/mavi-beyaz+manzara.jpg" width="70" height="74" onmouseover="$('slayt').src=this.src;" /></td>
<td><img src="http://1.bp.blogspot.com/_S4WZcXcvdiQ/Sa1skdnkGgI/AAAAAAAABv0/IqQU6LL1jWY/s400/Manzara_Resimleri10.jpg" width="70" height="74" onmouseover="$('slayt').src=this.src;" /></td>
<td><img src="http://img1.loadtr.com/b-430769-TUNUS_MANZARA.jpg" width="70" height="74" onmouseover="$('slayt').src=this.src;" /></td>
<td><img src="http://2.bp.blogspot.com/_PytQOxVqATM/RtjrE_ykbNI/AAAAAAAAAQI/nbTSLO6gqDI/s400/Manzara.gif" width="70" height="74" onmouseover="$('slayt').src=this.src;" /></td>
<td><img src="http://4.bp.blogspot.com/_PytQOxVqATM/RtjsffykbVI/AAAAAAAAARI/6hJtvXXyAMM/s400/www.resimcity.com_manzara_resimleri_5.jpg" width="70" height="74" onmouseover="$('slayt').src=this.src;" /></td>
<td><img src="http://www.guzelresimlerr.com/data/media/26/manzara-resimleri17.jpg" width="70" height="74" onmouseover="$('slayt').src=this.src;" /></td>
</tr>
</table></th>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
<html>
<head>
<title>Halit Özdemir </title>
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
<script type="text/javascript">
function $(id)
{
return document.getElementById(id);
}
</script>
</head>
<body>
<table>
<tr>
<td>
<table align="center" width="250" height="272" border="0">
<tr>
<th scope="row"><img src="http://www.guzelresimlerr.com/data/media/26
/manzara-resimleri17.jpg" name="slayt" width="400" height="300" id="slayt" /></th>
</tr>
</table>
<p><br />
<br />
</p>
<table height="53" border="0">
<tr>
<th scope="row"><img src="http://4.bp.blogspot.com/_S4WZcXcvdiQ/Sa1sPGCcKoI/AAAAAAAABvk/
MR8FDAuUoxI/s400/Manzara+Resimleri+(31).jpg" width="70"
height="74" onmouseover="$('slayt').src=this.src;" /></th>
<td><img src="http://2.bp.blogspot.com/_PytQOxVqATM/RtjsT_ykbTI/AAAAAAAAAQ4/
Bd5EtjOBLr8/s400/manzara15.jpg" width="70" height="74" onmouseover="$('slayt').src=this.src;" /></td>
<td><img src="http://4.bp.blogspot.com/_QVDvpKWSpaM/SblPQR8zoOI/
AAAAAAAABxg/EWVB3dgNNu8/s400/mavi-beyaz+manzara.jpg" width="70" height="74"
onmouseover="$('slayt').src=this.src;" /></td>
<td><img src="http://1.bp.blogspot.com/_S4WZcXcvdiQ/Sa1skdnkGgI/AAAAAAAABv0/
IqQU6LL1jWY/s400/Manzara_Resimleri10.jpg" width="70" height="74"
onmouseover="$('slayt').src=this.src;" /></td>
<td><img src="http://img1.loadtr.com/b-430769-TUNUS_MANZARA.jpg" width="70" height="74"
onmouseover="$('slayt').src=this.src;" /></td>
<td><img src="http://2.bp.blogspot.com/_PytQOxVqATM/RtjrE_ykbNI/AAAAAAAAAQI/
nbTSLO6gqDI/s400/Manzara.gif" width="70" height="74" onmouseover="$('slayt').src=this.src;" /></td>
<td><img src="http://4.bp.blogspot.com/_PytQOxVqATM/RtjsffykbVI/AAAAAAAAARI/6hJtvXXyAMM/
s400/www.resimcity.com_manzara_resimleri_5.jpg" width="70" height="74"
onmouseover="$('slayt').src=this.src;" /></td>
<td><img src="http://www.guzelresimlerr.com/data/media/26/manzara-resimleri17.jpg" width="70" height="74" onmouseover="$('slayt').src=this.src;" /></td>
</tr>
</table></th>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>

 

Yorumlar (0)
Bu yorumun beslemesine abone olun

Yorum yaz
daha küçük | daha büyük