Codice Random Javascript con slideshow

Fabio Carbone

Nuovo Utente
2 Ott 2014
2
0
0
Ho la necessità di avere un codice script per immagini random con effetto slideshow. Quindi, una volta caricata la pagina, l'immagine cambia in automatico con un tempo (delay) stabilito.
Ho trovato il codice che vedete sotto. Solo che ho bisogno di aggiungere un link all'immagine. Quì c'è il problema. Se aggiungo il link href="", il codice non funziona più. C'è qualcuno che sa modificarlo per risolvere il mio problema? Grazie molte.

Codice:
var delay=1000 //set delay in miliseconds
var curindex=0

var randomimages=new Array()

	randomimages[0]="<a href = 'http://www.nomesito.it'><img src='http://www.nomesito.it/images/immagine1.jpg' alt='descrizione 1' title='seconda descrizione 1' width='300' height='100' /></a>"
	randomimages[1]="<a href = 'http://www.nomesito.it'><img src='http://www.nomesito.it/images/immagine2.jpg' alt='descrizione 2' title='seconda descrizione 2' width='300' height='100' /></a>"
	randomimages[2]="<a href = 'http://www.nomesito.it'><img src='http://www.nomesito.it/images/immagine3.jpg' alt='descrizione 3' title='seconda descrizione 3' width='300' height='100' /></a>"
	

var preload=new Array()

for (n=0;n<randomimages.length;n++)
{
	preload[n]=new Image()
	preload[n].src=randomimages[n]
}

document.write('<img name="defaultimage" src="'+randomimages[Math.floor(Math.random()*(randomimages.length))]+'">')

function rotateimage()
{

if (curindex==(tempindex=Math.floor(Math.random()*(randomimages.length)))){
curindex=curindex==0? 1 : curindex-1
}
else
curindex=tempindex

	document.images.defaultimage.src=randomimages[curindex]
}

setInterval("rotateimage()",delay)
 
Ultima modifica di un moderatore:

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
Ciao, racchiudi il codice che posti tra i tag presenti sulla barra di formattazione ( code html o php )
provalo cosi
HTML:
<div id="immaginerandom"></div>
<script>
    var delay=1000 //set delay in miliseconds
    var curindex=0

    var randomimages=new Array()

    randomimages[0]="<a href = 'http://www.nomesito.it'><img src='http://www.nomesito.it/images/immagine1.jpg' alt='descrizione 1' title='seconda descrizione 1' width='300' height='100' /></a>";
    randomimages[1]="<a href = 'http://www.nomesito.it'><img src='http://www.nomesito.it/images/immagine2.jpg' alt='descrizione 2' title='seconda descrizione 2' width='300' height='100' /></a>";
    randomimages[2]="<a href = 'http://www.nomesito.it'><img src='http://www.nomesito.it/images/immagine3.jpg' alt='descrizione 3' title='seconda descrizione 3' width='300' height='100' /></a>";


    var preload=new Array()

    for (n=0;n<randomimages.length;n++){
        preload[n]=new Image()
        preload[n].src=randomimages[n]
    }

    document.getElementById("immaginerandom").innerHTML = randomimages[Math.floor(Math.random()*(randomimages.length))];
    function rotateimage() {

        if (curindex==(tempindex=Math.floor(Math.random()*(randomimages.length)))){
            curindex=curindex==0? 1 : curindex-1;
        }
        else
            curindex=tempindex

        document.getElementById("immaginerandom").innerHTML = randomimages[curindex]
    }

    setInterval("rotateimage()",delay); 
</script>
Ma perchè random e non in sequenza ?
 

Fabio Carbone

Nuovo Utente
2 Ott 2014
2
0
0
Grazie per la risposta. Ancora non mi funziona.
Il codice lo devo inserire in un file .js. Esso viene poi richiamato in una pagina .html così: <p class="ctr"><script type="text/javascript" src="../js/file_img_random.js"></script></p>.


Quello che non so dove inserire è: <div id="immaginerandom"></div>.

Grazie ancora.
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
il div serve al codice per sapere dove inserire l'immagine, puoi usare qualsiasi tag basta che gli assegni l'id
HTML:
<p id="immaginerandom" class="ctr"></p>
<script type="text/javascript" src="../js/file_img_random.js"></script>
 
Discussioni simili
Autore Titolo Forum Risposte Data
P inserimento data nascita e codice random PHP 4
M Analisi sito per pulire codice inutile HTML e CSS 1
JeiMax Modifica codice php personalizzato PHP 2
R Dubbi su siti sviluppati con Wordpress e con codice WordPress 6
L tipo boolean non funzionante su mariadb (mysql). E codice php 7.4. PHP 0
L Php_aggiornamento codice PHP 3
Shyson Codice wp-login non funziona PHP 2
G Codice html Javascript 1
Shyson Modificare codice e creare link PHP 0
F Il codice php è giusto? PHP 2
napuleone Con le date il codice da di matto o forse non è così Javascript 6
napuleone visualizzare il codice senza usare gli & HTML e CSS 1
Shyson Codice che trova item casuali PHP 1
E Barra di avanzamento codice PHP PHP 4
R [c#] Proteggere il codice dell'applicazione C/C++ 0
D modificare questo codice per inserimento in text e non in tabella jQuery 1
L salvare codice html in mysql PHP 3
A eliminare caratteri diacritici con codice ascii PHP 4
M Controllo del codice fiscale/partita iva PHP 11
Z Difficoltà codice data PHP 0
I PROBLEMA CODICE INSERTION SORT C C/C++ 2
I PROBLEMA CODICE C - INSERTION SORT Presentati al Forum 1
L login con solo un codice PHP 3
M Lanciare alert se il codice fiscale è già presente nel db e lasciare la scelta di inserire all'utente PHP 42
R Modifica codice per l'upload di più file PHP 1
gandalf1959 ricercare porzioni di codice da sito gestito con WordPress WordPress 11
D verifica codice fiscale persona fisica /aziendale stesso campo HTML e CSS 1
A Aprire la window form Add Connection da codice Visual Basic 4
felino [Wordpress] Sito web con codice malevolo WordPress 7
M [PHP] Istruzione "echo" all'interno di codice html PHP 2
C Refresh parte di codice pagina php PHP 6
Shyson [PHP] Aggiungere link al codice PHP 0
felino Domini hackerati con codice malevolo Hosting 2
A come spedire SMS da codice PHP con mdem USB PHP 0
M [PHP] Come inserire codice html in un ciclo while PHP 2
G Eseguire codice solo al termine della chiamata ajax Ajax 1
X [Apache] Creare sito clone/preservare codice sorgente Apache 7
felino [Dominio] File con permessi 444 e codice malevolo Domini 3
Shyson [PHP] Codice iscrizione e invio avviso nuovi articoli PHP 3
elpirata Implementare Copy to clipboard in codice html HTML e CSS 1
L [PHP] Problema su codice o server PHP 5
Shyson [PHP] Inserire testo nel codice PHP 2
Shyson [PHP] Nascondere codice PHP 3
H cancellare avatar in codice PHP PHP 2
G [PHP] Revisione codice per registrazione PHP 8
Shyson [WordPress] [PHP] Creare codice che evidenzia nuovi articoli WordPress 0
S [WordPress] Creare una select box con partita iva e codice fiscale in base a una logica. WordPress 0
M [PHP] Codice fiscale inverso PHP 3
P [HTML] Codice non funzionante su ZP HTML e CSS 1
A Conversione Codice da mysql a mysqli Database 1

Discussioni simili