Probleme mit Array

[jo]

hallo,

mit folgendem JavaScript will ich gif bilder vorladen und ein rollover bzw. rollout machen.

um die bilder anzusprechen benutze ich "getElementById"

da die bilder eine id  haben dessen nummer nicht durchlaufend ist habe ich das Array picNumbers erstellt, welches ich benutzen will (siehe for schleife) um den index des Array's mainNavOut sowie mainNavOver anzugeben. dieses Array enthält also alle id's der bilder.

es scheint aber aus irgend einem grund nicht zu funktionieren.
kann ich den index nicht selber für Arrays in JS angeben ?

??? -> mainNavOut[picNumbers[i]]=new Image();

im ersten durchlauf sollte stehen:

  
mainNavOut[0]=new Image();  

und im 2. dann:

  
mainNavOut[6]=new Image();  

usw.

ich kann keine durchlaufende nummerierung für die bilder (0-1-2-3-4...) benutzen da häufig menupunkte hinzukommen oder entfernt werden und es sich dabei um eindeutige id's handelt, die im zusammenhang mit einer PHP/MySQL Datenbank stehen.

weiß jemand rat ?

  
var picPath="../images/";  
var picNumbers=new Array(0,6,7,8,9,10,11,12);  
var mainNavOut=new Array();  
var mainNavOver=new Array();  
  
for(var i=0; i<picNumbers.length; i++){  
 //alert(picNumbers[i]);  
 mainNavOut[picNumbers[i]]=new Image();  
 mainNavOut[picNumbers[i]].src=picPath+i+"_out.gif";  
 mainNavOver[picNumbers[i]]=new Image();  
 mainNavOver[picNumbers[i]].src=picPath+i+"_over.gif";  
 }  
  
function out(nr,current){  
 if(nr!=current) {  
  document.getElementById("b"+nr).src=mainNavOut[nr].src;  
  }  
 }  
  
function over(nr,current){  
 if(nr!=current) {  
  document.getElementById("b"+nr).src=mainNavOver[nr].src;  
  }  
 }  

  
<a href="../../" onmouseover="over(0,4);" onmouseout="out(0,4);"><img src="../images/0_out.gif" id="b0" width="150" height="40" alt="../../" /></a><br />  
<a href="../tueren/" onmouseover="over(6,4);" onmouseout="out(6,4);"><img src="../images/6_out.gif" id="b6" width="150" height="40" alt="../tueren/" /></a><br />  
<a href="../haustueren/" onmouseover="over(7,4);" onmouseout="out(7,4);"><img src="../images/7_out.gif" id="b7" width="150" height="40" alt="../haustueren/" /></a><br />  
<a href="../kuechen/" onmouseover="over(8,4);" onmouseout="out(8,4);"><img src="../images/8_out.gif" id="b8" width="150" height="40" alt="../kuechen/" /></a><br />  
<a href="../moebel/" onmouseover="over(9,4);" onmouseout="out(9,4);"><img src="../images/9_out.gif" id="b9" width="150" height="40" alt="../moebel/" /></a><br />  
<a href="../treppen" onmouseover="over(10,4);" onmouseout="out(10,4);"><img src="../images/10_out.gif" id="b10" width="150" height="40" alt="../treppen" /></a><br />  
<a href="../spanndecken/" onmouseover="over(11,4);" onmouseout="out(11,4);"><img src="../images/11_out.gif" id="b11" width="150" height="40" alt="../spanndecken/" /></a><br />  
<a href="../service/" onmouseover="over(12,4);" onmouseout="out(12,4);"><img src="../images/12_out.gif" id="b12" width="150" height="40" alt="../service/" /></a><br />  

gruß

jo

[Siechfred]

Hell-O!

ich kann keine durchlaufende nummerierung für die bilder (0-1-2-3-4...) benutzen da häufig menupunkte hinzukommen oder entfernt werden und es sich dabei um eindeutige id's handelt, die im zusammenhang mit einer PHP/MySQL Datenbank stehen.

Warum lässt du den erforderlichen Javascript- und HTML-Code nicht serverseitig generieren?

Siechfred