Смена картинок при клике

[DynkanMaclaud]

в общем такая картина

<script type="text/javascript">
    var images = new Array();
    var i = 0;
     
    images[0] = './images/1.jpg';
    images[1] = './images/2.jpg';
    images[2] = './images/3.jpg';
     
    function viewImages() {
        document.getElementById("img_main").src = images[i]; 
        i++;
        if (i == images.length) {
            i = 0;
        }
        
    }   
	
	function lol() {
        document.getElementById("img_main").src = images[i]; 
        i--;
         if (i == images.length) {
            i = 0;
        }
        
    }   
</script>
 <input type="button" value="Next" onclick="viewImages()"></input>
 <input type="button"  value="Nazad" onclick="lol()"></input>
<img src="" id="img_main">
 
<script> viewImages(); </script>

При клике на кнопку вперед всё норм работает как нужно, только вот при клике назад, чтото совсем непонятно i-- работает(((( HELP(((

[Viral]

<script type="text/javascript">
    var images = new Array();
    var i = 0;
     
    images[0] = './images/1.jpg';
    images[1] = './images/2.jpg';
    images[2] = './images/3.jpg';
     
    function viewImages() {
        i++;
        if (i == images.length) {
            i = 0;
        }
        document.getElementById("img_main").src = images[i];
    }   
	
	  function lol() {
        i -= 1;
        if (i < 0) {
            i = images.length-1;
        }
        document.getElementById("img_main").src = images[i];
    }   
</script>

[DynkanMaclaud]

почемуто два раза приходится по кнопке кликать но переключается как надо(((

[Viral]

<script type="text/javascript">
    var images = new Array();
    var i = 0;
     
    images[0] = './images/1.jpg';
    images[1] = './images/2.jpg';
    images[2] = './images/3.jpg';
     
    function viewImages() {
        i++;
        if (i == images.length) {
            i = 0;
        }
        document.getElementById("log").innerHTML += ' __<span style="color:red" >'+images[i]+'</span>';
        document.getElementById("img_main").src = images[i];
    }   
	
	  function lol() {
        i = i-1;
        if (i < 0) {
            i = images.length-1;
        }
        document.getElementById("log").innerHTML += ' __<span style="color:green" >'+images[i]+'</span>';
        document.getElementById("img_main").src = images[i];
    }   
</script>
 <input type="button" value="Next" onclick="viewImages()"></input>
 <input type="button"  value="Nazad" onclick="lol()"></input>
<img src="" id="img_main">
<div id="log"></div> 
<script> viewImages(); </script>

последние версии хромов, лисы и осла нормально отработали.
в каком браузере проблема?

[DynkanMaclaud]

<script type="text/javascript">
    var images = new Array();
    var i = 0;
     
    images[0] = 'images/1.jpg';
    images[1] = 'images/2.jpg';
    images[2] = 'images/3.jpg';
     
  
	
	   function lol() {
        i = i-1;
        if (i < 0) {
            i = images.length-1;
        }
        document.getElementById("img_main").src = images[i];
    };   
	
	 function viewImages() {
        i = i+1;
         if (i == images.length) {
            i = 0;
        }
        document.getElementById("img_main").src = images[i];
        
    };  
	
	
</script>

Вот так то что нужно... СПС Viral