Menù

Top 5

Slide immagine con link

Un semplicissimo slide di immagini con link annesso. Settata una variabile per modfificare la velocità con cui cambieranno le immagini

<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 links = new Array();
        links[0] = "http://www.w3schools.com/";
        links[1] = "http://www.php.net";
        links[2] = "http://www.mrwebmaster.it";
        links[3] = "http://www.google.it";
                
        var immagine = document.getElementById("slide");
        var link = document.getElementById("link");
                
        var tempo = 3000; // tempo per il cambio immagine
        var i = 0; // incrementatore
        var dir = "img/"; // percorso della cartella immagini
                
        setInterval(function(){
                    
            immagine.src = dir + immagini[i];
            link.href = links[i];
            i++;
            if(i == immagini.length) i = 0;           
        },tempo);                
    }
</script> 

<a id="link" href="http://www.google.it"><img id="slide" src="img/ASP.png" alt="img"/></a>

criric

Mi sono appassionato di programmazione web a 34 anni, un pò tardi, da allora però non perdo mai occasione per imparare qualcosa di nuovo in questi campi.

Javascript - Html - Css - Php - Mysql

Inserisci un commento

Codice antispam

Categorie

Comunicazioni

Puoi utilizzare questo modulo per qualsiati tipo di segnalazione.

Codice antispam

 

I dati di questo modulo non verranno pubblicati.