Linke dokunduğunda resmi değiştiren ajax lazım.

Merhaba,
Haber sitelerindeki yeni haberler listesinde linkün üstüne mause yi getirince sol tarafındaki resim değişiyor öyle ajax lazım.

pm attım.

Saol ama marque li sistem işimi görmez kafa patlattım sadece css ile yazdım bir tane işine yarayan olursa altta kodları kendine göre düzenleyebilir.

<style type="text/css">
.catalt {
position:relative;
overflow:hidden;
float:left; width:230;
height:100%;
margin:0 0 10px 5px;
padding:1px;
 border: 1px solid #83bcf3  ;
 background: #Fff ;
 }
.catalt h2 {
  color:#fff;
  font-weight: bold;
  font-size: 12px;
  margin:0;
  text-align:center;
  padding:5px 0 5px 0;
    background: url(../images/blue/yenbutark.jpg) no-repeat;
}
.catalt  .sl { float:left; width:100px;}
.catalt  .sr { float:right; margin-left:2px; width:125px;}
.catalt  .sr img { width:0px; height:0px;  }
.catalt  div.res {overflow:hidden;}
.catalt  .res { float:left; margin:1px;width:125px; height:18px;}
.catalt .res a {color:#333; padding:0 1px 0 4px; text-decoration:none;}
.catalt .res:hover {color:#900; background-color:#DDECFB}
.catalt .res:hover img{display:block;  width:100px; height:100px;}
.catalt .res:hover img{position:absolute; top:26px; left:1px;}
</style>
 <div class="catalt">
 <h2>Gelin Oyunları</h2>
  <div class="sl">
<a rel="komiximg/damatlagelin.jpg" href="Damatla-Gelin.htm"><img width="100" height="100" src="komiximg/damatlagelin.jpg" alt="Damatla Gelin" /></a> </div><div class="sr"> 
            <div class="res"><a  href="Angelina-Makyaj.htm">Angelina Makyaj			<br /><img src="komiximg/angelina_makyaj.jpg"  alt="Angelina Makyaj" /></a></div>
            <div class="res"><a  href="Kraliyet-Gelini.htm">Kraliyet Gelini			<br /><img src="komiximg/kraliyetgelini.jpg"  alt="Kraliyet Gelini" /></a></div>
            <div class="res"><a  href="Gelin-Elbiseleri.htm">Gelin Elbiseleri			<br /><img src="komiximg/gelinelbiseleri.jpg"  alt="Gelin Elbiseleri" /></a></div>
            <div class="res"><a  href="Gelinlik-Modası.htm">Gelinlik Modası			<br /><img src="komiximg/gelinlikmodasi.jpg"  alt="Gelinlik Modası" /></a></div>
            <div class="res"><a  href="Harika-Gelini-Giydir.htm">Harika Gelini Giydir			<br /><img src="komiximg/harikagelinigiydir.jpg"  alt="Harika Gelini Giydir" /></a></div>
            </div><div style="clear:both;"></div></div>

hala arıyorsan bendekini paylaşıyım 1-2 hafta önce nette ararken bulmuştum 3-5 satır kod.
javascript

paylaş istersen bana lazım olmasada başkaları faydalanır.

<script>
function resimDegis(id,resim)
{
var saho = document.getElementById(id);
saho.src = resim;
}
</script>

<a href="javascript:;" onclick="resimDegis('resimId','resimYolu');">değiş </a>
<img src='xxx.jpg' id='resimId'>

ufak birşey şimdi yaptım işinizi görür sanırım
resimdegis fonksiyonuna resimid ve resim adres parametrelerini vereceksiniz tamam
hatta şeyde yapılabilir

<script>
function resimDegis(id,resim)
{
var saho = document.getElementById(id);
saho.src = resim;
}
</script>

<a href="https://www.r10.net/images/misc/bookmarksite_digg.gif" onclick="resimDegis('resimId',this.href); return false;">değiş</a>
<img src='https://www.r10.net/images/misc/bookmarksite_google.gif' id='resimId'>

gibi yaptığında da
<a href="" teki linki resimId id li element e gönderir
böyle de yapabilirsin