Ciao ragazzi, ho questo semplice codice per uno slideshow, e per visualizzare le immagini a ripetizione funziona benissimo.
Ora vorrei collegare un url ad ogni foto, in modo che cliccandoci l'utente possa essere indirizzato ad una landing page per ogni foto.
Ho provato in più modi ma non riesco a capire come si faccia, mi date una dritta sul codice da usare?
Grazie.
Posto il codice dello slideshow.
Ora vorrei collegare un url ad ogni foto, in modo che cliccandoci l'utente possa essere indirizzato ad una landing page per ogni foto.
Ho provato in più modi ma non riesco a capire come si faccia, mi date una dritta sul codice da usare?
Grazie.
Posto il codice dello slideshow.
HTML:
var slideshow = Array();
slideshow[0] = "Immagini/immaginibanner/trasloco.jpg";
slideshow[1] = "Immagini/immaginibanner/banner_documenti.png";
// definisco una variabile che userò come contatore
var i = 0;
// definisco la funzione che gestisce la sequenza delle immagini
function sfoglia()
{
// utilizzo l'operatore ternario per fare una verifica
// ed aggiornare il valore del contatore
i = ((i < (slideshow.length-1)) ? i+1 : 0);
// cambio dinamicamente l'attributo "src" dell'immagine mostrata
document.slideshowImg.src = slideshow[i];
}
document.write('<p align="center"><img src="' + slideshow[0] + '" name="slideshowImg"><br/></br/>');
setInterval('sfoglia()',7000);
