Seht Euch mal das Script unten an. Eigentlich möchte ich eine Tabelle mit Thumbnails erzeugen, die soviele Bilder enthält, wie Namen in dem picstruc-Array stehen ( mit Bildveränderung beim Überfahren ). Aber ich bekomme in der 7. und 9. Zeile immer eine Fehlermeldung ".src ist Null oder kein Objekt" - Warum?
Wäre für eine Aufklärung sehr Dankbar ( auch völlig anderer Lösungsansatz denkbar).
Ciao
Hier das Script:
function thumbnails(sparte,picstruc){
var laenge=picstruc.length;
var b1=new Array(laenge);
var b2=new Array(laenge);
for (i=0;i<=laenge-1;i++){
b1[i]=new Image(60,90);
b1[i].src="bilder/pics_klein_sw/"+sparte+"/"+picstruc[i]+".jpg";
b2[i]=new Image(60,90);
b2[i].src="bilder/pics_klein_bunt/"+sparte+"/"+picstruc[i]+".jpg";
}
var strhtml="<tr height="50%">\n";
var numrows=((laenge-4)<0)?0:4; /*0 für 1 reihe, 4 für 2*/
if (numrows==4){
for(i=0;i<=3;i++){
strhtml=strhtml+
"<td width="25%" align="center" valign="middle">"+
"<a href="javascript:picframe('"+picstruc[i]+"');" onMouseOver="tausch('b"+i+"',b2["+i+"]);status='';"+
"return true;" onMouseOut="tausch('b"+i+"',b1["+i+"])" hidefocus>"+
"<img src="bilder/pics_klein_sw/"+sparte+"/"+picstruc[i]+".jpg" width="60" height="90" name="b"+i+"""+
" border="4" style="border-color:#222222;">"+"</a></td>\n";
}
strhtml=strhtml+"</tr>\n<tr height="50%">\n";
}
for(i=numrows;i<=laenge;i++){
strhtml=strhtml+
"<td width="25%" align="center" valign="middle">"+
"<a href="javascript:picframe('"+picstruc[i]+"');" onMouseOver="tausch('b"+i+"',b"+i+"2);status='';"+
"return true;" onMouseOut="tausch('b"+i+"',b"+i+"1)" hidefocus>"+
"<img src="bilder/pics_klein_sw/"+sparte+"/"+picstruc[i]+".jpg" width="60" height="90" name="b"+i+"""+
" border="4" style="border-color:#222222;">"+"</a></td>\n";
}
strhtml=strhtml+"</tr>";
var datei="<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">\n"+
"<html>\n"+
"<head>\n"+
"<title>pics_thumbnails</title>\n"+
"<script language="JavaScript" type="text/javascript">\n"+
"<!--\n"+
" function tausch(nr,neu){\n"+
" window.document.images[nr].src=neu.src;}\n"+
"//-->\n"+
"</script>\n"+
"<script language="JavaScript" src="picframe.js" type="text/javascript">\n"+
"</script>\n"+
"</head>\n"+
"<body bgcolor="black" background="bilder/main.jpg" topmargin="0" leftmargin="0">\n"+
"<div align="center">\n"+
"<table border="0" cellspacing="0" cellpadding="0" width="500" height="330" style="margin-top:32">\n"+
strhtml+
"</table>\n</div>\n</body>\n</html>";
document.write(datei);
}
function select(sparte,thumbsetnr){
var name=parent.titel.titelimg.src;
anf=name.indexOf("_")+1;
ende=name.indexOf(".jpg");
name=name.slice(anf,ende);
picstruc=eval("pic_"+name);
stranf=(thumbsetnr-1)*4;
picstruc=picstruc.slice(stranf,stranf+7);
thumbnails(sparte,picstruc);
}