nicht angemeldet
mehrere bilder mit mouseover gleichzeitig - ansprechen
Hallo,
ich weiss nicht wie das zu lösen ist bzw. mit was (vermutlich mit id?).
Ich habe ein bild auf einer webseite das zerstückelt ist und im table
zusammengefasst wird.Ich hab bereits ein onmouse over effekt drin aber jeweils nur für ein bild das wechselt im <td>bereich</td>.
Möchte jetzt aber zwei verschiedene bilder gleichzeitig ansprechen egal über welches der beiden bilder gefahren wird,es wechseln immer beide.Hier ein beispiel:
<table>
<tr>
<td>
<onMouseOut="swapImgRestore()" onMouseOver="swapImage('english','','BildA.jpg',1)">
<img src="BildB.jpg" name="english">
</td>
</tr>
<tr>
<td>
<onMouseOut="swapImgRestore()" onMouseOver="swapImage('english','','BildC.jpg',1)">
<img src="BildD.jpg" name="english">
</td>
</tr>
</table>
bei dem obigen beispiel,möchte ich dass beim überfahren von BildB,sich BildB ändert und BildD jeweils mit entsprechendem Bild und umgekehrt dasselbe,wenn man über BildD.jpg fährt ändert sich BildD und BildB.Wenn ich das so tue wie oben jetzt beschrieben,dann ändert sich nur ein bild oder keines(mit IE).
Die funktionen für diese methoden sehen z.Z. so aus:
function swapImgRestore() {
var i,x,a=document.sr;
for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function findObj(n, d) {
var p,i,x;
if(!d) d=document;
if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n];
for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=findObj(n,d.layers[i].document);
return x;
}
function swapImage() {
var i,j=0,x,a=swapImage.arguments; document.sr=new Array;
for(i=0;i<(a.length-2);i+=3)
if ((x=findObj(a[i]))!=null){document.sr[j++]=x;
if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
Es geht mir darum zwei bilder gleichzeitig anzusprechen aber mit verschiedenen bilder,die geändert werden.
Gruss
Alain
-
Hallo!
Weshalb rufst du deine Funktionen nicht einfach mehrfach auf?
<onMouseOut="swapImgRestore()" onMouseOver="swapImage('english','','BildC.jpg',1);swapImage('english','','BildD.jpg',1)">
-
Hallo!
Weshalb rufst du deine Funktionen nicht einfach mehrfach auf?
<onMouseOut="swapImgRestore()" onMouseOver="swapImage('english','','BildC.jpg',1);swapImage('english','','BildD.jpg',1)">
gute idee,das hab ich gleich ausprobiert und es geht,jedenfalls mit
dem beispiel von selfhtml
http://de.selfhtml.org/javascript/beispiele/anzeige/buttons.htm
Danke!Gruss
Alain
-