JavaScript Problem.

[Dаvid]

PHP Code:

<html>

    <head>
    
    </head>
    
        <script type="text/javascript">
        
            function selecthair() {
            
                var images        = new Array(); 
                
                    images[0]     = "img2.png";
                    images[1]    = "img3.png"; 
                    
                var imagesCount    = 0; 
                
                    if(imagesCount == 2) {
                    
                        imagesCount = 0; 
                    
                    } 
                    
                        document.getElementById("hair").src = images[imagesCount];
                        document.getElementnById("hair").value = imagesCount;
                        imagesCount++;
                
            }
        
        </script>
    
    <body>
    
        <img id="hair" src="img1.png" value="0">
        <input type="submit" value="Bild wechseln" onclick="javascript:selecthair();">
    
    </body>
    
</html> 


Wird nur einmal ausgeführt, sprich nur img2.png wird angezeigt dann wird nicht weiter gemacht. Wie kann ich weiter machen lassen?

[マルコ]

timouts benutzen, um die Funktion nochmal mit neuen Parametern aufzurufen
oder statt einer Funktion einfach das ganze als einfachen Script runterschreiben und mit Schleifen arbeiten

[#SoNiice]

Es bringt dir nichts, wenn du jedesmal die Variable neu deklarierst und dann erhöhst und dann wieder neu deklarierst. Deklariere die Variable außerhalb der Funktion, das sollte in deinem Fall schon helfen.

[Dаvid]

PHP Code:

        <script type="text/javascript">
        
            var imagesCount    = 0; 
        
            function selecthair() {
            
                var images        = new Array(); 
                
                    images[0]     = "img2.png";
                    images[1]    = "img3.png"; 
                    
                
                    if(imagesCount == 2) {
                    
                        imagesCount = 0; 
                    
                    } 
                    
                        document.getElementById("hair").src = images[imagesCount];
                        document.getElementnById("hair").value = imagesCount;
                        imagesCount++;
                
            }
        
        </script> 


Auch so, Bild wird nur zu "img2.png" geändert nicht zu "img3.png"...

[devcode]

Kleiner tipp: Du hast in deinem Code einen Rechtschreibfehler (; Außerdem kannst du einem <img> tag kein "value" attribut hinterlegen.