Forum PHP.pl > Problem ze zmiana 3 zdziec w zdarzeniu onmouseover

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: Problem ze zmiana 3 zdziec w zdarzeniu onmouseover

Forum PHP.pl > Forum > Po stronie przeglądarki

kamilkomo

16.06.2010, 14:26:29

Witam

Mam problem ze zrobieniem 3 zdjec ktore sie zmieniaja po najechaniu na nie myszka. Jesli wstawie jedno to dziala ale jesli powiele kod i zrobie analogicznie co do pierwszego to juz nieststey nie dziala. Ponizej przedstawiam kod :

<div id="tresc_srodek">

<script language='javascript'>
obrazek1=new Image
obrazek2=new Image

obrazek1.src='img/kuchnia2.PNG'
obrazek2.src='img/kuchnia1.PNG'
</script>

<a href="index.php" onMouseOver="document.rysunek.src=obrazek1.src" onMouseOut="document.rysunek.src=obrazek2.src"> <img src="img/kuchnia1.PNG" border="0" name="rysunek">

</div>

Proszę o pomoc
Pozdrawiam

dominik1592

18.06.2010, 10:37:05

Kiedyś coś takiego robiłem tak:

[HTML] pobierz, plaintext 
 
<html>
 
<head>
<script language="JavaScript">
<!--
function FP_swapImg() {//v1.0
 var doc=document,args=arguments,elm,n; doc.$imgSwaps=new Array(); for(n=2; n<args.length;
 n+=2) { elm=FP_getObjectByID(args[n]); if(elm) { doc.$imgSwaps[doc.$imgSwaps.length]=elm;
 elm.$src=elm.src; elm.src=args[n+1]; } }
}
 
function FP_preloadImgs() {//v1.0
 var d=document,a=arguments; if(!d.FP_imgs) d.FP_imgs=new Array();
 for(var i=0; i<a.length; i++) { d.FP_imgs[i]=new Image; d.FP_imgs[i].src=a[i]; }
}
 
function FP_getObjectByID(id,o) {//v1.0
 var c,el,els,f,m,n; if(!o)o=document; if(o.getElementById) el=o.getElementById(id);
 else if(o.layers) c=o.layers; else if(o.all) el=o.all[id]; if(el) return el;
 if(o.id==id || o.name==id) return o; if(o.childNodes) c=o.childNodes; if(c)
 for(n=0; n<c.length; n++) { el=FP_getObjectByID(id,c[n]); if(el) return el; }
 f=o.forms; if(f) for(n=0; n<f.length; n++) { els=f[n].elements;
 for(m=0; m<els.length; m++){ el=FP_getObjectByID(id,els[n]); if(el) return el; } }
 return null;
}
// -->
</script>
</head>
 
<body onload="FP_preloadImgs(/*url*/'button2.jpg',/*url*/'button3.jpg',/*url*/'button5.jpg',/*url*/'button6.jpg')">
 
<p>
<img border="0" id="img1" src="button1.jpg" height="20" width="100" alt="Tekst" onmouseover="FP_swapImg(1,0,/*id*/'img1',/*url*/'button2.jpg')" onmouseout="FP_swapImg(0,0,/*id*/'img1',/*url*/'button1.jpg')" onmousedown="FP_swapImg(1,0,/*id*/'img1',/*url*/'button3.jpg')" onmouseup="FP_swapImg(0,0,/*id*/'img1',/*url*/'button2.jpg')" fp-style="fp-btn: Corporate 1" fp-title="Tekst"><br>
<br>
<img border="0" id="img2" src="button4.jpg" height="20" width="100" alt="Tekst" onmouseover="FP_swapImg(1,0,/*id*/'img2',/*url*/'button5.jpg')" onmouseout="FP_swapImg(0,0,/*id*/'img2',/*url*/'button4.jpg')" onmousedown="FP_swapImg(1,0,/*id*/'img2',/*url*/'button6.jpg')" onmouseup="FP_swapImg(0,0,/*id*/'img2',/*url*/'button5.jpg')" fp-style="fp-btn: Corporate 1" fp-title="Tekst"></p>
 
</body>
 
</html>
 
[HTML] pobierz, plaintext

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.