Mousover mit Div?

Code:
function bild_einblenden()
{
document.getElementById('div_bild2',
						'div_bild4').style.visibility="visible"; 
}
function bild_ausblenden()
{
document.getElementById('div_bild2', 
						'div_bild4').style.visibility="hidden"; 
}
</SCRIPT>
</head>
<body>


<p><IMG src="bild1.jpg" onMouseover="bild_einblenden()" onMouseOut="bild_ausblenden()"></p>
<p>&nbsp; </p>
<div id="div_bild2" style="position:absolute; width:806px; height:466px; z-index:1; top:100px; left:100px; visibility:hidden; border:0px;">
  <img src="bild2.jpg" alt="text">  
  <P>hallo</P>
</DIV>
<p><IMG src="bild3.jpg" onMouseover="bild_einblenden()" onMouseOut="bild_ausblenden()"></p>
<p>&nbsp; </p>
<div id="div_bild4" style="position:absolute; width:806px; height:466px; z-index:1; top:300px; left:300px; visibility:hidden; border:0px;">
  <img src="bild4.jpg" alt="text">  
  <P>hallo</P>
</DIV>


Das geht ja nicht... wie kann ich das gestallten wen ich mehrere Bilder wie in diesem Beispiel?

Kenn mich leider in JS überhaupt nicht aus... gibts da so was wie OR || etc.?
 
Funktion:
Code:
function bild_einblenden() {
      var args = bild_einblenden.arguments;
      for(i in args)
          if(obj=document.getElementById(args[i]))
              obj.style.visibility = "visible"; 
  }
Aufruf:
Code:
onmouseover="bild_einblenden('div_bild2','div_bild4')"
Und analog dann für bild_ausblenden().
 
hm... klappt nicht... aber kannst du mir mal die Forschleife erklären?

vor allem was in dem If abgeht und von wo es weiss was meine Bildersind... Weil momentan passiert nichts wen man über ein Bild geht. Spielt keine Rolle ob 1 bild oder für 2 Bild geht leider nicht...

Funktion:
Code:
function bild_einblenden() {
      var args = bild_einblenden.arguments;
      for(i in args)
          if(obj=document.getElementById(args[i]))
              obj.style.visibility = "visible"; 
  }

Aufruf:
Code:
<p><IMG src="bild1.jpg" onMousOver="bild_einblenden('div_bild2','div_bild4')"></p>
<p>&nbsp; </p>
<div id="div_bild2" style="position:absolute; width:806px; height:466px; z-index:1; top:100px; left:100px; visibility:hidden; border:0px;">
  <img src="bild2.jpg" alt="text">  
  <P>hallo</P>
</DIV>
<p><IMG src="bild3.jpg" onMouseOver="bild_einblenden('div_bild2','div_bild4')"></p>
<p>&nbsp; </p>
<div id="div_bild4" style="position:absolute; width:806px; height:466px; z-index:1; top:300px; left:300px; visibility:hidden; border:0px;">
  <img src="bild4.jpg" alt="text">  
  <P>hallo</P>
</DIV>

Ich kriegs einfach nicht hin... muss mich wirklich mal mit JS anfreunden.
 
hatte es so wie du und es ging nicht dann kam halt das Bastelln.

Geht trozdem nicht...

Mein Code

Code:
<SCRIPT ...>
function bild_einblenden() {
      var args = bild_einblenden.arguments;
      for(i in args)
          if(obj=document.getElementById(args[i]))
              obj.style.visibility = "visible"; 
  }
</SCRIPT>
</head>
<body>


<p><IMG src="bild1.jpg" onmouseover="bild_einblenden('div_bild2','div_bild4')"></p>
<p>&nbsp; </p>
<div id="div_bild2" style="position:absolute; width:806px; height:466px; z-index:1; top:100px; left:100px; visibility:hidden; border:0px;">
  <img src="bild2.jpg" alt="text">  
  <P>hallo</P>
</DIV>
<p><IMG src="bild3.jpg" onmouseover="bild_einblenden('div_bild2','div_bild4')"></p>
<p>&nbsp; </p>
<div id="div_bild4" style="position:absolute; width:806px; height:466px; z-index:1; top:300px; left:300px; visibility:hidden; border:0px;">
  <img src="bild4.jpg" alt="text">  
  <P>hallo</P>
</DIV>
 
Sehr seltsam, die Schleife scheint irgentwie nicht gestartet zu werden. Versuch's mal mit:
Code:
for(i=0; i<args.length; i++)
satt
Code:
for(i in args)
 

Neue Beiträge

Zurück