inserimento url su immagini in slideshow

tivovi74

Utente Attivo
31 Gen 2012
58
1
8
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.


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);
 

Vale2

Utente Attivo
28 Mag 2006
446
0
0
Livorno
Ciao,

prova questo

Codice:
<script type="text/javascript">
var i=0;
var slideshow = new Array();
slideshow[0] = "Immagini/immaginibanner/trasloco.jpg";
slideshow[1] = "Immagini/immaginibanner/banner_documenti.png";
var url=new Array()
url[0]="http://forum.mrwebmaster.it/";
url[1]="https://www.mrw.it/"; 
function sfoglia(){
document.getElementById("immagini").innerHTML='<a href="'+url[i]+'" target="_blank"><img src="'+slideshow[i]+'" border="0"></a>';
i++;
setTimeout("sfoglia()", 7000);
if(i>=slideshow.length)
i=0;
}
window.onload=function(){
sfoglia();
}
</script>
</head>
<body>
<div align="center" id="immagini"></div>

Valeria.
 

tivovi74

Utente Attivo
31 Gen 2012
58
1
8
Ciao Valentina grazie mille,
ho provato a copiare il codice ma mi segnala un errore di sintassi su questa riga.....
HTML:
document.getElementById("immagini").innerHTML='<a href="'+url[i]+'" target="_blank"><img src="'+slideshow[i]+'" border="0"></a>';
Potresti controllarla?
Grazie ancora
 

tivovi74

Utente Attivo
31 Gen 2012
58
1
8
Ciao Valeria, scusami sia per il nome che per l'errore inesistente.......
ero io che ero fuso.....
Avevo copiato tutto, mentre avendo salvato il codice con una estensione js, per poi fare solo un richiamo nella pagina, dovevo fare una piccola modifica e non me ne ero accorto.......
Ora funziona, grazie mille ancora.
 
Discussioni simili
Autore Titolo Forum Risposte Data
A [PHP] Inserimento url dinamici in pagina html PHP 3
A inserimento valore dinamico in field al termine di url PHP 8
P inserimento doppio url in js Javascript 0
D Inserimento video mp4 HTML e CSS 0
L inserimento form dati multipli ? PHP 0
G Appicazione HTML per inserimento dai in Database Access Microsoft HTML e CSS 0
J Form inserimento dati in database Ajax 1
D modificare questo codice per inserimento in text e non in tabella jQuery 1
R [C#] Automatizzare un inserimento di un Post su un Gruppo Facebook .NET Framework 0
M Aiuto con inserimento immagini WordPress 6
elpirata Impedire inserimento data di oggi e date passate jQuery 39
A Inserimento dati nel database tramite form + altre operazioni PHP 18
W Email conferma inserimento Classic ASP 0
S Inserimento multiplo non richiesto PHP 2
P inserimento icone social tramite html HTML e CSS 1
L form multipla php sql,errore in inserimento MySQL 0
Alex_70 Inserimento dati a cascata PHP 204
T Da xsd a xml ed inserimento dati in excel XML 0
M Problema inserimento parole con apostrofo nel db PHP 5
C [RISOLTO]Inserimento variabile php in input html PHP 20
P Access Inserimento data. MS Access 4
L Inserimento dettagli in una maglia Photoshop 2
S [PHP] email con inserimento dati nel database PHP 23
beatle [Photoshop] problema inserimento immagini Photoshop 1
G [Javascript] Errore inserimento dati Backend Node.js e workbench Javascript 1
B [PHP] Creare PDF dopo inserimento dati form PHP 4
C [PHP] Form con Inserimento dati dalla maschera e un menù a discesa che prende i dati dal db PHP 1
C [PHP] Form inserimento più menù a discesa PHP 9
M [PHP] Problemi su inserimento array nel db PHP 7
gandalf1959 [PHP] Inserimento di più righe non funziona come mi aspetto... PHP 2
E Inserimento dati da PHP in tabella MySQL PHP 5
E Form inserimento dati con JavaScript Javascript 0
D [MS Access] problemi con inserimento campo in una maschera MS Access 6
G inserimento csv in tabella mysql; problema con struttura PHP 11
M [Joomla] Inserimento wow.js in template Joomla 4
K [PHP] Inserimento dati database con postgres PHP 2
K [PHP + MYSQL ] Inserimento dati in database da form dinamico PHP 13
spider81man [PHP] Alert Box per confermare Inserimento o Cancellazione dato. PHP 4
gandalf1959 [MySQL] Inserimento multiplo da form multirighe MySQL 22
A [RISOLTO]Inserimento Immagini da pc a MySql PHP 15
M Inserimento dati checkbox multipli in db da ajax a php PHP 1
S [PHP] inserimento su DB da tabella PHP 29
P [PHP] Problema inserimento nuove chiavi in array PHP 2
paloppa Inserimento data su database MYSQL PHP 2
webimage [PHP] Non inserimento in tabella PHP 19
N [Java] codice per inserimento sql Java 0
T [HTML] inserimento nav HTML e CSS 8
G [HTML] Problemi con inserimento immagini HTML e CSS 7
C [HTML] Inserimento feed/rss di Mr.Webmaster sul proprio sito HTML e CSS 1
M Inserimento Array prelevato da Database in Php in un altra tabella mysql PHP 0

Discussioni simili