Link değişim hakkında

css ile ilgili bir durum, oradaki linklere css ile arkaplan eklemelisiniz ve linkleri blok haline dönüştürmelisiniz örnek;

a{display:block;width:değeriniz;height:değeriniz;}
a:hover{background:url(resim yolu) no-repeat;}

hataman' Alıntı:

css ile ilgili bir durum, oradaki linklere css ile arkaplan eklemelisiniz ve linkleri blok haline dönüştürmelisiniz örnek;

a{display:block;width:değeriniz;height:değeriniz;}
a:hover{background:url(resim yolu) no-repeat;}

Genişletmek için tıkla ...

gordugun siyahlık alan aşağı dogru kendisi hareket ediyor ve ordan sağ tarafa kendisi geciyor işin içinde css'te var ama kodlama javascript galiba...

örnek olarak avcılar kaymakamlığının sayfasında var....

Evet istediğiniz bir nevi slayt show ve javascriptle çalışıyor. örnek kodlar veriyorum düzenlemesi size kalmış;

<script type="text/javascript">
// JScript File
function getir(kontrol,image,back,text)
{
document.getElementById("manset").src = image;
document.getElementById(kontrol).style.color = text;
document.getElementById(kontrol).style.backgroundColor = back;
}
function out(kontrol,renk,text)
{
document.getElementById(kontrol).style.backgroundColor = renk;
document.getElementById(kontrol).style.color = text;
}
</script>

<form id="form1" runat="server">
<table border="0" cellpadding="0" cellspacing="0" style="width: 400px">
<tr>
<td style="width: 150px; vertical-align:top;" align="center">
<img id="manset" width="160px" height="120px" src="img/1.jpg" />
</td>
<td style="width: 250px; vertical-align:top; padding-left:10px;">
<div id="1" style="background-color:#dcdcdc; height:23px; margin-bottom:1px; padding-left:10px;" onclick="getir('1','img/1.jpg','green','white')" onmouseout="out('1','#dcdcdc','black')"><a href="#">Alan1</a></div>
<div id="2" style="background-color:#dcdcdc; height:23px; margin-bottom:1px; padding-left:10px;" onclick="getir('2','img/2.jpg','green','white')" onmouseout="out('2','#dcdcdc','black')">Alan2</div>
<div id="3" style="background-color:#dcdcdc; height:23px; margin-bottom:1px; padding-left:10px;" onclick="getir('3','img/3.jpg','green','white')" onmouseout="out('3','#dcdcdc','black')">Alan3</div>
<div id="4" style="background-color:#dcdcdc; height:23px; margin-bottom:1px; padding-left:10px;" onclick="getir('4','img/4.jpg','green','white')" onmouseout="out('4','#dcdcdc','black')">Alan4</div>
<div id="5" style="background-color:#dcdcdc; height:23px; margin-bottom:1px; padding-left:10px;" onclick="getir('5','img/5.jpg','green','white')" onmouseout="out('5','#dcdcdc','black')">Alan5</div>
</td>
</tr>
</table>

</form>

teşekkurler hocam...