Infos aus html-Datei auslesen

[12345]

Okay danke für die Antwort.
Kann ich denn auch einbauen, dass man per Klick auf einen Punkt(Bild in der Leiste unter dem wechselndes Bildern) zu einem bestimmten Bild gelangt? Und per Klick auf einen Pfeil nach rechts bzw. nach Links ein Bild vor, bzw. zurück kommt?

var bild1 = new Image();  
			bild1.src = '1.jpg';  
			var bild2 = new Image();  
			bild2.src = '2.jpg';  
			var bild3 = new Image();  
			bild3.src = '3.jpg';  
			var bild4 = new Image();  
			bild3.src = '4.jpg';  
			  
			var erstesBild = 0;  
			var zweitesBild = 1;  
			var op = 1;  
			var op_ie = 100;  
			  
			var allebilder = new Array('1.jpg','2.jpg','3.jpg','4.jpg');  
			var lang = allebilder.length;  
			  
			  
			function bildwechselfunktion() {  
				var bildnr1 = document.getElementById('bild1');  
				var bildnr2 = document.getElementById('bild2');  
								  
				bildnr1.src = allebilder[erstesBild];  
				bildnr2.src = allebilder[zweitesBild];  
				bildnr1.style.opacity = '1';  
				bildnr1.style.filter = 'alpha(opacity=100)';  
				  
				erstesBild++;  
				zweitesBild++;  
				if((erstesBild+1) == lang) {  
					zweitesBild = 0;  
				}	  
				if(erstesBild == lang && zweitesBild == 1) {  
					erstesBild = 0;  
					zweitesBild = 1;  
				}  
				window.setTimeout("bildwechsel()",3000);  
			  
			}  
			function bildwechsel() {  
				if(op > 0) {  
					op = op - 0.1;  
					op_ie = op_ie - 10;  
					document.getElementById('bild1').style.opacity = op;  
					document.getElementById('bild1').style.filter = 'alpha(opacity=' + op_ie + ')';  
					window.setTimeout("bildwechsel()",100);  
				} else {  
					op = 1;  
					op_ie = 100;  
					window.setTimeout("bildwechselfunktion()",0);  
				}  
			}

 <div id="wechselndesbild">  
   <img src="" alt="" id="bild1">  
   <img src="" alt="" id="bild2">  
 </div>  
   <div id="bildauswahlleiste">  
   <div id="bildauswahl">  
		  
			<li> <a href="#" ><img id="pfeil_links" src="" /></a>  
			<li> <a href="#" ><img id="punkt1" src="" /></a>  
			<li> <a href="#" ><img id="punkt2" src="" /></a>  
			<li> <a href="#" ><img id="punkt3" src="" /></a>  
			<li> <a href="#" ><img id="punkt4" src="" /></a>  
			<li> <a href="#" ><img id="pfeil_rechts" src="" /></a>  
		  
   </div>  
   </div>