Du greifst einmal mit:
document.getElementById(displayList[index]['name'])
und einmal mit:
document.getElementById('bild'+displayList[index]['name'])
darauf zu das ist bestimmt nicht gewollt oder?
Hier mal ein code bei dem ein bild versteckt wird und eines nicht, hoffe es hilft:
<img id="bildreferenz1" src="#" width="140" height="97" alt="22" border="0" />
<img id="bildreferenz2" src="#" width="140" height="97" alt="23" border="0" />
<script type="text/javascript">
displayList = new Array();
displayList[0] = new Array();
displayList[0]['name']= "referenz1";
displayList[0]["display"]= 1;
displayList[1] = new Array();
displayList[1]["name"]= "referenz2";
displayList[1]["display"]= 0;
for(var index = 0; index < displayList.length; index++) {
var domNode = document.getElementById('bild'+displayList[index]['name']);
if(domNode != null) {
if(displayList[index]['display'] == true) {
document.getElementById('bild'+displayList[index]['name']).style.display = "";
} else {
document.getElementById('bild'+displayList[index]['name']).style.display = "none";
}
}
}
</script>