ho realizzato una slideshow dove faccio scorrere le mie immagini ma non riesco a trovare il modo per inserire il testo sopra all'immagine.
codice:
<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js"></script>
        <script type="text/javascript">
            $(document).ready(function()
            {       
                setInterval (rotateImage, 5000);
                var images = new Array ('immagini/forbice.jpg','immagini/pittura.jpg','immagini/Legno.jpg','immagini/rullo.jpg');
    
                var index = 1;
                function rotateImage()
                {
                    $('.dumbCrossFade img').fadeOut(1000, function()
                    {
                        $(this).attr('src', images[index]); 
        
                        $(this).fadeIn('slow', function()
                        {
                            if (index == images.length-1)
                            {
                                index = 0;
                            }
                            else
                            {
                                index++;
                            }
                        });
                    });
                }
            });
        </script>    
<script language="Javascript">
function cambia(){
im=document.getElementById('immagine');
casuale=Math.round(Math.random()*10);
im.src='immagini/imm'+casuale+'.jpg';
}
</script>
e qui la chiamo

codice HTML:
 <div class="dumbCrossFade" style="float: right; text-align: right; width: 34%; padding: 10px 10px 10px 10px;">    <br><br>       
<img width="320" height="300" src="immagini/tavolo.jpg" " />     </div>
qualcuno sa dirmi come posso mettere del testo sopra alle immagini?
ho provato a fare un altro array con il testo ma non sono riuscito a faro andare.

grazie in anticipo