Slideshow infinito con estrazione random dell'elemento da un array

[freephotografia]

Forum HTML.IT salve,
un problema in ambiente html-javascript-css.

La home page deve mostrare delle fotografie, in un loop infinito, ciascuna n secondi sullo schermo, prelevandole da un array di 15 elementi.
Attualmente il meccanismo funziona correttamente evidenziando le fotografie nella sequenza dell'array.
Vorrei invece che la fotografia di volta in volta evidenziata in home page venisse estratta in modo random dall'array (possibili ripetizioni della fotografia mostrata sono ammissibili).
Penso vada usata la funzione math.random (e math.round) ma le mie prove finora non hanno funzionato.
Suggerimenti?
Grazie e cordiali saluti.

[cavicchiandrea]

Questo esempio dove ho usato jquery si basa sul background ma puoi benissimo applicarlo ad una slideshow

[freephotografia]

Grazie, non sono esperto per cui ti chiedo come e' il codice relativo?

[cavicchiandrea]

Il codice lo trovi nel sorgente pagina, e non ci voglio esperti ma un minimo di conoscenza per riadattarlo alle tue esigenze, se anche queste mancano ma.... non so che dirti prova postando il link al sito per verificare la complessità della pagina e quantificare le relative modifiche da apportare.

[freephotografia]

Grazie, provero'.
Ma non ci sono altri metodi, oltre questo jquery?

[cavicchiandrea]

Certo trovi anche in javascript cerca su google

[freephotografia]

Salve, ho visto il codice dell'esempio jquery ma ho trovato difficolta, tanto più che lo slideshow di cui parlo deve svolgersi in un div css.
Il codice che attualmente funziona, ma solo nella sequenza dell'array, e' il seguente:


...
...
<script type="text/javascript"> <!--
var ruotaimgs=new Array()
function photoruota(){
for (i=0;i<photoruota.arguments.length;i++){
ruotaimgs[i]=new Image()
ruotaimgs[i].src=photoruota.arguments[i]
} }//-->
</script>
...
...
<div id="parte2">
<img src="img01.jpg" name="wimg">
<script> <!--
photoruota("img01.jpg","img02.jpg","img03.jpg","im g04.jpg","img05.jpg","img06.jpg");
var freq=8000;
var cntimg=0;
function muovi(){
if (!document.images)
return;
document.images.wimg.src=ruotaimgs[cntimg].src;
window.status = cntimg+1;
if (cntimg<ruotaimgs.length-1)
cntimg++
else
cntimg=0;
setTimeout("muovi()",freq);
}
muovi();//-->
</script>
</div>
...
...

Io vorrei restare in questo ambito più semplice e che riesco a controllare come conoscenza tecnica, ma solo estraendo random e non in sequenza.
Grazie.

[KillerWorm]

Ciao, solitamente si va a "randomizzare" l'array di partenza in modo da ottenere una serie casuale ma completa, cioè evitare possibili ripetizioni durante la riproduzione dello slideshow (che altrimenti sarebbe poco funzionale).

Tu però hai indicato che questa non è una tua esigenza:

(possibili ripetizioni della fotografia mostrata sono ammissibili)

In tal caso ti basterà usare le funzioni floor e random, più o meno come avevi supposto.

cntimg = Math.floor(Math.random()*ruotaimgs.length);
document.images.wimg.src=ruotaimgs[cntimg].src;

Chiaramente le parti di script chè incrementano il contatore non ti serviranno più.

[freephotografia]

Grazie, provo questa indicazione e vi faccio sapere. Saluti.

[freephotografia]

Salve, di certo per mia incompetenza non sono riuscito ad usare il precedente suggerimento, e rivedendo su w3schools.com alcuni concetti javascript ho preferito quest'altra soluzione, che mi e' parsa piu' lineare e semplice.
Ma non funziona.
Cioe funziona solo una volta, mi spiego:
quando la home page arriva sullo schermo ci arriva gia con una foto, estratta random dall'array, come giustamente deve essere, e sarebbe l'esecuzione dello statement photo() iniziale nel div parte2, ma poi non parte dopo i secondi specificati nel setinterval lo statement photo() che, a mio parere, dovrebbe innescare il loop continuo.
Dove e' l'errore?

codice usato:

...
<script type="text/javascript" language="javascript"> <!--
function photo() {
var kimg = new Array("img01.jpg","img02.jpg","img03.jpg","img04.j pg","img05.jpg","img06.jpg");
var nkimg=kimg.length
var xkimg=Math.round(Math.random()*(nkimg-1));
wkimg = kimg[xkimg];
document.write('<img src="'+wkimg+'">');
} //-->
</script>...
...
<div id="parte2">
<script language="javascript"> photo(); </script>
<script> <!--
var freq=3000;
setInterval(photo(),freq);}
//-->
</script>
</div>