Wie kürze ich diesen Code?

[KlTeufelchen84]

Hallo ihr lieben. Ich soll diesen Code hier kürzer formulieren wisst ihr wie ich dies am besten mache?

  function Anzeigen()
        {
            document.getElementById("gross").src = "bilder/Honda_CBR-1000-RR_Racing.png";
        }
        
        function init()
        {
            document.getElementById("gross").src = "bilder/leer.png";
        }
                
        function Bild1() 
        {
            init();
            document.getElementById("gross").src = "bilder/Honda_CBR-1000-RR_Racing.png";
        }
        
        function Bild2() 
        {
            init();
            document.getElementById("gross").src = "bilder/Kawasaki_Ninja_ZX-12R.png";
        }
                        
        function Bild3() 
        {
            init();
            document.getElementById("gross").src = "bilder/Suzuki_GSX-R_1000_Gixxer.png";
        }
        
        function Bild4() 
        {
            init();
            document.getElementById("gross").src = "bilder/Yamaha_M1_Valentino_Rossi.png";
        }
                
        function Bild5() 
        {
            init();
            document.getElementById("gross").src = "bilder/Triumph_Daytona_650.png";
        }
                        
        function Bild6() 
        {
            init();
            document.getElementById("gross").src = "bilder/Kawasaki_Ninja_ZX-14_Monster_Energy_2009.png";
        }
                                
        function Bild7() 
        {
            init();
            document.getElementById("gross").src = "bilder/Yamaha_YZF_R6.png";
        }                                
        
        function Bild8() 
        {
            init();
            document.getElementById("gross").src = "bilder/Kawasaki_ZX6R_Black.png";
        }
        
        var fotos = new Array ("bilder/Honda_CBR-1000-RR_Racing.png", "bilder/Kawasaki_Ninja_ZX-12R.png", "bilder/Suzuki_GSX-R_1000_Gixxer.png", "bilder/Yamaha_M1_Valentino_Rossi.png", "bilder/Triumph_Daytona_650.png", "bilder/Kawasaki_Ninja_ZX-14_Monster_Energy_2009.png","bilder/Yamaha_YZF_R6.png", "bilder/Kawasaki_ZX6R_Black.png")
        var zahl=-1;
        var timer = setInterval("status=zahl++", 2000);

    <div id="thumbnails">
        <a href="#" onclick="javascript:Bild1()" id="Bild1">  
            <img src="bilder/Honda_CBR-1000-RR_Racing_thumb.png" alt="Honda CBR 1000 RR Racing" />        
        </a>
                
        <a href="#" onclick="javascript:Bild2()" id="Bild2">
            <img src="bilder/Kawasaki_Ninja_ZX-12R_thumb.png" alt="Kawasaki Ninja ZX 12R" />        
        </a>
        
        <a href="#" onclick="javascript:Bild3()" id="Bild3">
            <img src="bilder/Suzuki_GSX-R_1000_Gixxer_thumb.png" alt="Suzuki GSX-R 1000 Gixxer" />        
        </a>
        
        <a href="#" onclick="javascript:Bild4()" id="Bild4">
            <img src="bilder/Yamaha_M1_Valentino_Rossi_thumb.png" alt="Yamaha M1 Valentino Rossi" />        
        </a>
        
        <a href="#" onclick="javascript:Bild5()" id="Bild5">
            <img src="bilder/Triumph_Daytona_650_thumb.png" alt="Triumph Daytona 650" />        
        </a>
        
        <a href="#" onclick="javascript:Bild6()" id="Bild6">
            <img src="bilder/Kawasaki_Ninja_ZX-14_Monster_Energy_2009_thumb.png" alt="Kawasaki Ninja ZX-14 Monster Energy 2009" />        
        </a>
        
        <a href="#" onclick="javascript:Bild7()" id="Bild7">
            <img src="bilder/Yamaha_YZF_R6_thumb.png" alt="Yamaha YZF R6" />        
        </a>
        
        <a href="#" onclick="javascript:Bild8()" id="Bild8">
            <img src="bilder/Kawasaki_ZX6R_Black_thumb.png" alt="Kawasaki ZX6R Black" />    
        </a>    
          
    </div>

 

[Loon3y]

Hallo.

<script>
function loadPic(id){
	
	var pic = aPics[id];
	
	alert(pic);
	
	if(typeof(pic) === "undefined")
		return false;
		
	document.getElementById("out").innerHTML = '<img src="bilder/"' + pic + '" width="" height="" alt="" />';
	return true;
}

var aPics = ["bild1.jpg", "bild2.jpg"];
</script>




<a href="#" onclick="javascript:loadPic(0)">bild 1</a>
<a href="#" onclick="javascript:loadPic(1)">bild 2</a>

<div id="out"></div>

Btw. diese Lösung geht allerdings nicht ohne JavaScript. Wie willst du das alternativ darstellen?


Gruß
Loon3y

 

[KlTeufelchen84]

Ja genau soetwas habe ich gesucht.. das probiere ich gleich aus.. Ich will ja auch nicht auf JS verzichten, aber den Script verkürzen, damit die Ladezeit nicht so lang ist..Die Alternative ist gerade in arbeit..