JavaScript Problem.

10/13/2013 04:44 Dаvid#1
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?
10/13/2013 05:21 マルコ#2
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
10/13/2013 06:06 #SoNiice#3
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.
10/13/2013 17:49 Dаvid#4
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"...
10/13/2013 17:59 devcode#5
Kleiner tipp: Du hast in deinem Code einen Rechtschreibfehler (; Außerdem kannst du einem <img> tag kein "value" attribut hinterlegen.