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>