Uefa Maçları Canlı İzle
RSS
 

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

21 Eki

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>

Kodlar:

<html><head><title> halit ozdemir</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>

If you enjoyed this post, make sure you subscribe to my RSS feed!
 
4 Comments

Posted in Asp.net

 

Leave a Reply

 
 
  1. adsız

    23 Ekim 2009 at 03:11

    Çok güzel de bir de resimler üzerine yazıar görünse çok daha iyi olurdu.Yani sitemizde feature content olarak kullanmak için.Bunu yapmak için nasıl değişiklik yapmamız gerekir?

     
  2. yuhubaa

    23 Ekim 2009 at 04:07

    sitenizi bana mail olarak atarsanız yardımcı olurum

     
  3. yuhubaa

    23 Ekim 2009 at 04:12

    bununla ilgili bir uygulama yapmıştım css ile resmin üzerine geldiğinde resim hakkında kısa bilgi çıkıyordu incelemeni tavsiye ederim işine yarayabilir http://www.serdardemir.net/html-ile-yapilmis-site-indir.html

     
  4. yuhubaa

    23 Ekim 2009 at 15:08

    Kullananların ve deneyenlerin yorum ve önerilerini dinlemek isterim :)