(JavaScript) Diashow ladet nicht richtig

Hey leute, ich habe mit diesem Tutorial eine Slideshow/Diashow probiert. Die Diashow startet, ladet aber meine Bilder aus irgendeinem Grund nicht.
Das erste Bild ist geladen und dann die nachfolgenden können nicht gefunden werden oder ich bin einfach zu blöde den richtigen Pfad anzugeben.
Das Tutorial ist hier zu finden:
http://www.webdesign-klamonfra…deschnipsel/slideshow.php

Mein JavaScript Code schaut wie folgt aus:

/*****


Image Cross Fade Redux
Version 1.0
Last revision: 02.15.2006
steve@slayeroffice.com


Please leave this notice intact. 


Rewrite of old code found here: http://slayeroffice.com/code/imageCrossFade/index.html




*****/




window.addEventListener?window.addEventListener("load",so_init,false):window.attachEvent("onload",so_init);


var d=document, imgs = new Array(), zInterval = null, current=0, pause=false;


function so_init() {
  if(!d.getElementById || !d.createElement)return;
  imgs[0] = d.getElementById("diashow").getElementsByTagName("img")[0];
  imgs[0].style.display = "block";
  imgs[0].xOpacity = .99;
  setTimeout(so_xfade,3000);
  newimg();
}


function so_xfade() {
	cOpacity = imgs[current].xOpacity;
	nIndex = imgs[current+1]?current+1:0;


	nOpacity = imgs[nIndex].xOpacity;
	cOpacity-=.05; 
	nOpacity+=.05;
	imgs[nIndex].style.display = "block";
	imgs[current].xOpacity = cOpacity;
	imgs[nIndex].xOpacity = nOpacity;
	setOpacity(imgs[current]); 
	setOpacity(imgs[nIndex]);
	if(cOpacity<=0) {
		imgs[current].style.display = "none";
		current = nIndex;
		setTimeout(so_xfade,3000);
    newimg();
  } else {
    setTimeout(so_xfade,50);
	}
	function setOpacity(obj) {
		if(obj.xOpacity>.99) {
			obj.xOpacity = .99;
			return;
		}
		obj.style.opacity = obj.xOpacity;
		obj.style.MozOpacity = obj.xOpacity;
		obj.style.filter = "alpha(opacity=" + (obj.xOpacity*100) + ")";
	}
}
function newimg() {
  if (current < 1) {
    var cu1=current+1, cu2=current+2;
    imgAdr="http://enefdesigns.de/images";
    imgs[cu1] = new Image();
    imgs[cu1].src = imgAdr + ((cu2)<10 ? "0" + (cu2) : (cu2)) + ".jpg";
    imgs[cu1].xOpacity = 0;
    d.getElementById("diashow").appendChild(imgs[cu1]);
  }
}

Meine Bilder speichere ich auf meiner Website und im Ordner images. Im Tutorial heißt es weiterfolgende Bilder soll man name01 - namexx bennen, habe ich auch getan und gespeichert sind sie per .jpg

Wenn einer so freundlich wäre und mir eventuell mal drüber schaut und einen Tipp gibt wäre das sehr nett, ich hock mittlerweile seit gestern daran

Freundliche Grüße

Welche Zeile meinst du? Ich sehe keine Zeilen Angaben
Brauchst du den kompletten Code ?

Aber der Ordner wo die Bilder die "name01, name02" usw heißen, heißt doch Image und deswegen hab ich den Pfad angegeben. Wenn ich den Pfad angebe wo du sagst dann wird ja nur name02 geladen aber es sollen ja mehrere geladen werden. Deswegen dachte ich so gehört es. Ist das jetzt richtig oder nicht ? Weil geladen wird ja nur das Bild wo als erstes da ist.

E:

Er sagt wirklich, dass die Datei name02.jpg nicht gefunden wird..
Ich habe ja mein hauptverzeichnis wo die Index und die ordner drinne sind. Davon heißt ein Ordner images und da sind die Bilder die den namen "name01" "name02" ... haben. Ist mein Dateipfad jetzt falsch ?

function newimg() {
  if (current < 1) {
    var cu1=current+1, cu2=current+2;
    imgAdr="http://enefdesigns.de/images/name";
    imgs[cu1] = new Image();
    imgs[cu1].src = imgAdr + ((cu2)<10 ? "0" + (cu2) : (cu2)) + ".jpg";
    imgs[cu1].xOpacity = 0;
    d.getElementById("diashow").appendChild(imgs[cu1]);
  }
}

Ich verstehe es echt nicht mehr

Ich kenne mich nicht so aus mit JavaScript. Ich bin nur grad am üben und will einfach mal ne website erstellen wo so einen Übergang hat und dann hab ich das Tutorial gefunden

Die Bilder heißt name02.jpg und name03.jpg

Und der Ordner in den sie sind heißt Image und die URL eben enefdesigns.de

Eigentlich ist doch alles richtig oder ?

Entschuldige, der Ordner heißt natürlich Images

Edit: Ich habe es aus irgendeinem Grund hinbekommen
Aber komischerweiße ist das zweite Bild verschoben und Größer als das andere, obwohl sie die gleiche größe haben.

Mein CSS Code sieht folgt aus:

#diashow img {
    display: none;
}
#diashow #eins {
    display: block;
}

Also hab jetzt die Größe auf 360px angepasst und nun hat es seine alte Größe, dennoch gibt es ein Problem.
Der Text der eigentlich unter dem Bild sein soll ist jetzt oben unter dem Bild, ich habe auch schon den z-index auf 2 gestellt und versucht diehöhe zu verstellen, aber dann verschieben sich meine anderen mit da sie alle die selbe Classe besitzen. Wieso ging es einfach in diese Position, ich habe doch an diesem Text nichts verändert?
showit.jpg