Principio de slideshow – setTimeout recursivo

slideshow simples, apenas trocando o src de uma tag img com javascript puro.

<script type="text/javascript">
        var x = new Array('images/1.jpg','images/2.jpg');
        var total = x.length-1;

        var pos = 0;
        function mudar()
        {
                document.getElementById('fig1').src = x[pos];
                window.setTimeout( mudar, 500 );


                pos++;
                if( pos>total ) pos = 0;
        }
        window.onload = function(){
                mudar();
        }
</script>
<img src="images/2.jpg" alt="" id="fig1" />

Veja a demo em funcionamento