arkadaşlar ben scripti buldum ama bir sorunum var. sadece 1 tabloda kullanabiliyorum bunu. ana sayfada 8 kategori tablosu var, hepsinde aynı kodu kullanamıyorum. kullanınca sadece 1 tablodaki resim değişiyor. diğer tablolardaki linklerin üstüne gelsem dahi.
js bilmiyorum. kusura bakmayın. burda hangi değişkenlerle oynayarak 8 tablodada kullanabilirim. yardımcı olursanız çok sevinirim..
script şöyle:
<head> içine:
Kod:
<script>
function changeimage(towhat,url){
if (document.images){
document.images.targetimage.src=towhat.src
gotolink=url
}
}
function warp(){
window.location=gotolink
}
</script>
<script language="JavaScript1.1">
var myimages=new Array()
var gotolink="#"
function preloadimages(){
for (i=0;i<preloadimages.arguments.length;i++){
myimages[i]=new Image()
myimages[i].src=preloadimages.arguments[i]
}
}
preloadimages("plane1.gif","plane2.gif","plane3.gif","plane4.gif","plane5.gif")
</script>
linkin üzerine gelince değişecek resmin kodu:
Kod:
<a href="javascript:warp()"><img src="plane0.gif" name="targetimage" border=0></a>
ve linklerde şöyle:
Kod:
<a href="b2.htm" onMouseover="changeimage(myimages[0],this.href)">Plane 1</a>
<a href="f15.htm" onMouseover="changeimage(myimages[1],this.href)">Plane 2</a>
<a href="su27.htm" onMouseover="changeimage(myimages[2],this.href)">Plane 3</a>
<a href="jet.htm" onMouseover="changeimage(myimages[3],this.href)">Plane 4</a>
<a href="boeing.htm" onMouseover="changeimage(myimages[4],this.href)">Plane 5</a>