Slide Immagini a pulsanti senza Jquery

**AleX3mE** · 22-04-2016, 15:58

Potrebbe esserti di aiuto questo:

codice:

<body>


    <script>


        var percorso_img = "img/";


        var elenco_img = new Array("roma_1.jpg","roma_2.jpg","roma_3.jpg","roma_4.jpg","roma_5.jpg");


        var img_iniziale = 0;


        function immagineSuccessiva() 
        {


            img_iniziale++;


            if (img_iniziale > elenco_img.length-1)


            {


                img_iniziale = 0;


            }


            document.immagine.src = percorso_img + elenco_img[img_iniziale];


        }


        function immaginePrecedente() 
        
        {


            img_iniziale--;


            if (img_iniziale < 0)


            {
                img_iniziale = elenco_img.length-1;
            }
    
            document.immagine.src = percorso_img + elenco_img[img_iniziale];


        }
        
    </script>


</head>


<body>
  
    <div align="center">
    
        <img src="img/roma_1.jpg" alt="foto" width="250" height="200" name="immagine">
        
    </div>
    
    <div align="center">
    
        <form name="form" method="post" action="">


            <input type="button" name="precedente" value="precedente" onClick="immaginePrecedente();">


            <input type="button" name="prossima" value="prossima" onClick="immagineSuccessiva();">


        </form>        
    
    </div>


</body>


</html>

ovviamente il css non c'è

Discussione: Slide Immagini a pulsanti senza Jquery

Strumenti discussione

Ricerca discussione

Visualizza

Visualizzazione discussione

Tag per questa discussione

Permessi di invio