Immagini random, con file Javascript, valido x tutti file .html

Ciao a tutti.
Il mio obiettivo è questo:

Creare in tutte le pagine del mio sito, uno spazio dove mettere delle immagini che si carichino casualmente, ogni volta che si aggiorna la pagina. Immagini che, cliccandoci sopra, rimandano ad altre pagine del sito.

1) Ho trovato il Javascript da utiilizzare.
2)L'ho inserito in un file chiamato img_random.js
3)Ho caricato il file javascript nel punto desiderato delle pagine .html del mio sito:

<script type="text/javascript" src="../js/img_random.js"></script>

Il problema
Il problema è che non tutte le pagine .html del mio sito si trovano nella stessa cartella e necessariamente non posso andare a mettere i file .html tutti nella stessa cartella. Quindi il risultato è che in alcune pagine le immagini si vedono e in altre no.

Sto utilizzando questo codice javascript:

var images = [ ],
index = 0;

images[0] = "<a href = 'prodotti/Scenografie/Presepiali/Presepiali.html'><img src='prodotti/Scenografie/Presepiali/img_presepiali/SCP-029_150x150.jpg' alt='SCP-029' width='150' height='150' /></a>";

images[1] = "<a href = 'prodotti/Scenografie/Presepiali/Presepiali.html'><img src='prodotti/Scenografie/Presepiali/img_presepiali/SC-030_150x150.jpg' alt='SC-030' width='150' height='150' /></a>";

index = Math.floor(Math.random() * images.length);
document.write(images[index]);

Dove sta il problema
Quindi il mio problema sta nel comando src, che non viene riconosciuto correttamente da tutte le pagine, perchè non trovano l'immagine stessa.

Domanda del problema:

Come modificare il Javascript perchè le immagini con il link, si vedano in tutte le pagine .html del mio sito?

Grazie in anticipo per l'aiuto.

Molto probabilmente è errato l'url delle immagini. Leggi qui.

Comunque, se conosci PHP potresti fare uno script che legge la directory della cartella in cui ci son le immagini, e ne stampa una casualmente: in questo modo:

• Ogni volta che elimini/aggiungi una immagine, non devi modificar nulla nel sorgente
• Non utilizzi javascript, quindi è più compatibile

Se conosci un minimo di php, per farlo potresti usare le funzioni glob() e array_rand().

Ciao!

Ciao alemoppo.
Preciso che PHP non lo conosco.

Ho verificato esattamente le immagini e tra, il codice nel javascript e il nome delle immagini, non c'è errore. JPG e jpg è una differenza che conosco esserci su altervista e ci sto attento. L'URL è corretto.

Ho provato inserendo direttamente l'URL internet cioè: http://webinserzionista.altervista.o...meimmagine.jpg.

Quindi ho scritto:

images[1] = "<a href = 'prodotti/Scenografie/Presepiali/Presepiali.html'><img src='http://webinserzionista.altervista.org/cartellaimmagini/nomeimmagine.jpg' alt='nome immagine prova' width='150' height='150' /></a>";

La funzione random è corretta e cambia aggiornando la pagina. 'href' funziona correttamente e rimanda alla pagina correttamente. 'src' anche con questa variazione non funziona.
Mi resta quindi il problema. E' l'immagine che non compare anche se scrivo direttamente l'URL dell'imamgine persente sul server. Eppure è una immagine del mio sito, non sto facendo riferimento a una immagine esterna.

Puoi indicare la pagina su cui stai lavorando? Altrimenti così senza veder nulla è praticamente impossibile analizzare il problema.

Ciao!

Grazie alemoppo per il tuo interessamento. Problema risolto.
In pratica inserendo direttamente il link all'immagine sul mio sito, si vedeva, solo che avendo caricato il sito su CloudFlare, c'era un semplice problema di svuotamento cache.
Problema risolto.

Grazie! :)