Hallo,
ich versuche Bilder per JS zu tauschen, allerdings wird immer das letze Bild nicht angezeigt. Obwohl per JS der SRC des Bildes stimmt. Wo ist der Fehler?
Hier der Code:
<script type="text/javascript">
// preload pictures
var rightPic = new Image(); rightPic.src="./pics/right.gif";
var wrongPic = new Image(); wrongPic.src="./pics/wrong.gif";
var picsArray = new Array();
var curPicIdx = 0;
var numOfPics = 6;
var nameStart = "./pics/gk02";
var konstrText = new Array();
konstrText[konstrText.length] = "Die Konstruktion wird durch Klick auf 'Nächster Konstruktionsschritt' gestartet. Das jeweils neu hinzugekommene Element ist Rot hervorgehoben.\n\n";
konstrText[konstrText.length] = "1.) \n\n"
konstrText[konstrText.length] = "2.) \n\n"
konstrText[konstrText.length] = "3.) \n\n";
konstrText[konstrText.length] = "4.) \n\n";
konstrText[konstrText.length] = "5.) \n\n";
konstrText[konstrText.length] = "6.) \n\n";
function preloadPics() {
window.status = "Lade Konstruktionsbilder";
var constrPic = new Image();
constrPic.src = "gk_ende.gif";
picsArray[0] = constrPic.src;
for (i=1;i<=numOfPics;i++) {
constrPic.src =nameStart+"f"+i+".gif"; //Anpassen
picsArray[i] = constrPic.src;
}
window.status = "";
}
function next() {
if (curPicIdx == numOfPics) {
curPicIdx = 0;
//alert(picsArray[curPicIdx]);
} else {
curPicIdx++;
}
numOfText = curPicIdx;
document.sss_form.sss_text.value = "";
for (i = 0; i <= numOfText; i++) document.sss_form.sss_text.value += konstrText[i];
document.getElementById("sss").src = picsArray[numOfText];
document.sss_form.sss_text.value += document.getElementById("sss").src;
}
function prev() {
if (curPicIdx == 0) {
curPicIdx = numOfPics-1;
} else {
curPicIdx--;
}
numOfText = curPicIdx;
document.sss_form.sss_text.value = "";
for (i = 0; i <= numOfText; i++) document.sss_form.sss_text.value += konstrText[i];
document.getElementById("sss").src = picsArray[numOfText];
document.sss_form.sss_text.value += picsArray[numOfText];
}