mouseover mit 2 Bildwechseln

wba

Moinmoin,

habe das Problem, daß zwar bei mouseover zwei bilder gewechselt werden, aber das mouseout nur eines davon wieder zurückwechselt.

Hier mal der Code:

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
<title>mouseover mit 2 bildwexeln</title>
<script>
<!--
function MM_preloadImages() { //v3.0
 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
 var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
 if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}


function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}


function MM_findObj(n, d) { //v3.0
  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=MM_findObj(n,d.layers[i].document); return x;
}


function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->


</script>
</head>
<body bgcolor="#ffffff">




[url='']link[/url]</p>




[img]gelb.gif[/img] [img]blau.gif[/img]</p>
</body>
</html>

Alles anzeigen

Findeste nich das das soo lesbarer ist ? mFg crAzywuLf

Warum wird nur ein Bild zurückgesetzt???

GreenRover

??? was sind das den für hefitige funktinen für dieses aufgabe???

Hastdu die selbst gechrieben oder geklaut??

Weil man das agnze wesentlich einfach lösen kann.

wba

Das ist afaik eine Funktion aus Dreamweaver. Ich pack die normalerweise nicht ins HTML, sondern lagere sie in ein scripts.js aus (mit anderen Funktionen) und brauche dann bei eventhandlern nur darauf zu referenzieren, z.B. mit dem "MM_swapImage". Vor allem muß ich nicht jedesmal ne u.U. andlose Liste der verwendeten Bilder basteln...

Wenn Du aber noch ne einfachere Lösung hast... ;-))

GreenRover

Lass mich raten du suchst soetwas ???

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script language="javascript">
function imagechange( bild1, bild2 )
	{
	document.bild1.src = bild1;
	document.bild2.src = bild2;
	}


</script>
</head>
<body>


[url='']link[/url]






</p>
[img]gelb.gif[/img]
[img]blau.gif[/img]
</body>
</html>

Alles anzeigen

Habe ich ebend geschrieben. Und finde es doch einfacher als das was du da hast.

Hab die Lösung, die Zahl bei MM_swapImage(x,x,x,1) ist sinnlos. Mach folgenden Aufruf onMouseOver="MM_swapImage(name1,,'bild1.jpg',name2,,'bild2.jpg')" und dann geht das.

nico

mouseover mit 2 Bildwechseln

Tags

Benutzer online in diesem Thema