Slide Immagini a pulsanti senza Jquery

**AndrewCraily** · 18-04-2016, 21:26

Salve, avrei urgente bisogno di un consiglio o altro...
Dovrei costruire uno slider immagini senza l'aiuto di jquery..
Non posso utilizzarlo assolutamente anche se mi farebbe comodo lo so... vi chiedo se avete dei link o altro che spieghino come fare, un tutorial o le function necessarie a costruirlo, sempre con aiuto dei css...

**cavicchiandrea** · 18-04-2016, 23:26

Io cercherei su google

**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'è

**ciro78** · 22-04-2016, 20:33

Ciao Alex,
benvenuto sul forum. Ti invito a leggere il regolamento sopratutto in merito alla formattazione del codice.

Discussione: Slide Immagini a pulsanti senza Jquery

Strumenti discussione

Ricerca discussione

Visualizza

Slide Immagini a pulsanti senza Jquery

Tag per questa discussione

Permessi di invio