Linkle Tıklayınca Resmin Değişmesi

Merhaba arkadaşlar,
ben aradim ama denk gelemedim galiba, yapilişi konusunda hiç bir fikrimde yok.
sitemde headerin altina küçük resimler koymayi düşünüyorum. resimlere tiklayinca header kismina o resmin gelmesini istiyorum. başka kutudaki resme tiklayinca o resmin header kismina gelmesini istiyorum. java scriptle yapilabilir diye düşündüm. elinde herhangibir örnek olan varsa, paylaşirsa sevinirim.

benim de böyle bir şeye ihtiyacım var paylaşan arkadaşlar olursa sevinirim

Dynamic Drive DHTML(dynamic html) & JavaScript code library da bu tarz kodları bulabilirsiniz.

Şöyle bi kod kullanıyorum ben

  <a href="javascript:resdegis('resim','otels/<?=$satir[caption].$res?>.jpg')">resimmm</a>

buda js fonksiyonu

 function resdegis(img_name,img_src) {
document[img_name].src=img_src;
}

umarım işine yarar

ersin acar bu kod resimm linkine her tıklayışda farklı bir resim çıkarmak için dime? tıklayınca belirli bir resim çıkartma değil benim anladığım kadarıyla

sanırım buradaki makalem işinize yarar.
https://www.r10.net/php/76733-linke-g...-rollover.html

orada onMouseOut kısmını kaldırırsın onMouseOver kısmınıda onClick yaparsın tamamdır.

takıldığınız yerde sorarsınız.

kolay gelsin.

Bu javascript, diyelimki resimler klasöründe resim1.jpg,resim2.jpg,...,resim5.jpg adından resimlerin var

<script>
function resimDegis(resimno) {
document.getElementById('ustresim').src='resimler/resim'+resimno+'.jpg';
}
</script>

Bu da headerdaki resmin olsun

<img id="ustresim" src="resimler/resim1.jpg" border="0">

Bunlarda linklerin olsun

<a href="#" onclick="resimDegis(1);"><img src="kucukresim1.jpg"></a>
<a href="#" onclick="resimDegis(2);"><img src="kucukresim2.jpg"></a>
<a href="#" onclick="resimDegis(3);"><img src="kucukresim3.jpg"></a>
<a href="#" onclick="resimDegis(4);"><img src="kucukresim4.jpg"></a>
<a href="#" onclick="resimDegis(5);"><img src="kucukresim5.jpg"></a>

kolay gelsin :|

afiyet olsun diyordum az kalsın :| top patlamadı mı daha