Noch nicht viel geschrieben
Hallo!
ich habe noch immer ein Problem bei meinem kleinen Projekt.
Die Bilder im Array werden einfach nicht angezeigt und es gibt auch keine Fehlermeldung. Ich weiß nicht was ich falsch mache?
hier mal der bisherige Code:
wäre toll, wenn mir wieder wer weiterhelfen könnte! danke!
ich habe noch immer ein Problem bei meinem kleinen Projekt.
Die Bilder im Array werden einfach nicht angezeigt und es gibt auch keine Fehlermeldung. Ich weiß nicht was ich falsch mache?
hier mal der bisherige Code:
HTML:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<link rel="stylesheet" type ="text/css" href="style.css"/>
<title>Einrichtungstool</title>
<script src="jquery-1.8.2.min.js"></script>
<script type="text/javascript">
var width = window.innerWidth;
var height = window.innerHeight;
function paint(){
var objCanvas = document.getElementById("myCanvas");
if (objCanvas.getContext){
//Grafikkontext
var objContext = objCanvas.getContext("2d"), img, i, image_array = [];
objCanvas.setAttribute("width",width);
objCanvas.setAttribute("height",height);
//index 0
image_array.push("img/objects/kueche/spuele1.png");
//index 1
image_array.push("img/objects/kueche/spuele2.png");
// usw.
image_array.push("img/objects/kueche/spuele1_a2.png");
image_array.push("img/objects/kueche/spuele2_a2.png");
image_array.push("img/objects/kueche/herd1.png");
image_array.push("img/objects/kueche/herd2.png");
image_array.push("img/objects/kueche/herd1_a2.png");
image_array.push("img/objects/kueche/herd2_a2.png");
image_array.push("img/objects/kueche/arbeitsflaeche1.png");
image_array.push("img/objects/kueche/arbeitsflaeche2.png");
for (i = 0; i < image_array.length; i++) {
img = new Image();
img.src = image_array[i];
img.onload = (function(img, i){ // temporary closure to store loop
return function () { // variables reference
objContext.drawImage(img,i*img.width,i*img.height);
}
}
)(img, i);
}
//console.log(image_array);
window.onload = function() {
paint();
}
}
};
</script>
</head>
<body>
<!-- TOOLBAR -->
<div id="toolleiste">
<ul>
<li id="iconLi"><a href="index.html" title="Zurück"><img id="icon" src= "img/icons/zurueck.png" /></a></li>
<li id="iconLi"><img id="icon" src= "img/icons/drehen.png" title="Drehen"/></li>
<li id="iconLi"><img id="icon" src= "img/icons/loeschen.png" title="Löschen" onClick="javascript:loeschen(event);"/></li>
<li id="iconLi"><img id="icon" src= "img/icons/speichern.png" title="Speichern"/></li>
</ul>
</div>
<!-- OBJECTBOX -->
<div id="objectbox">
<canvas id="myCanvas">Dein Browser unterstützt das <canvas>-Element nicht</canvas>
</div>
<div class="room">
</div>
<div id="footer">
© 2013, Theres Scheucher (mt111018), Katharina Spitzer (mt111036)
</div>
</body>
</html>
wäre toll, wenn mir wieder wer weiterhelfen könnte! danke!