Salve a tutti! Avevo bisogno di uno slider semplice senza pulsanti e altro, ho trovato il codice che cercavo, solo che questo è un po' troppo semplice, vi volevo chiedere come implementare un effetto slide o fade in questo codice:
Grazie e buona giornatacodice HTML:<!DOCTYPE html> <html> <head> <title>Slide</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <script type="text/javascript"> window.onload = function(){ var immagini = new Array(); immagini[0] = "DOC.png"; immagini[1] = "JS.png"; immagini[2] = "PSD.png"; immagini[3] = "ASP.png"; var immagine = document.getElementById("slide"); var tempo = 3000; // tempo per il cambio immagine var i = 0; // incrementatore var dir = "img/icon_file/"; // percorso della cartlla immagini setInterval(function(){ immagine.src = dir + immagini[i]; i++; if(i == immagini.length - 1 ) i = 0; },tempo); } </script> </head> <body> <img id="slide" src="img/icon_file/ASP.png" alt="img"/> </body> </html>
Rispondi quotando
