Tıklayınca değişen resim

Merhaba. bir menü hazırladım fakat şu şekilde birşey daha eklemek istiyorum. Örneğin aa.gif diye bir resim olsun, bu resme tıklayınca bb.gif gözükecek, tekrar tıklayınca yine aa.gif olacak sayfa yenilenmeden..

Nasıl yapabilirim?

Sitene jQuery ekle ve aşağıdaki koduda kendi sitene göre uyarlarsan sorunun çözülücektir.

<img id="resim1" src="aa.gif"/>

<script type="text/javascript">$("#resim1").click(function(){$(this).attr("src", ($(this).attr("src")=="aa.gif")?"bb.gif":"aa.gif");});</script>

çalışmadı malesef

site adresini pm atarsan bakabilirim..

@BestCoder arkadaşın kodu çalışmadıysa büyük ihtimalle resimi css ile background olarak vermissinizdir şöyle yapabilirsiniz;

html'i

<li id='degiscek'>Tıkla</li>

css'i

#degiscek{
  background: url(aa.gif)
}
#degiscek.aktif{
  background: url(bb.gif)
}

jquery

$(function(){
  $('#degiscek').click(function(){
      $(this).toggleClass('aktif');
  });
});