Newsgroup: it.comp.lang.javascript
Titolo: rotazione random o predefinita immagini con didascalia

Salve a tutti,
ho una pagina che riporta alcune piccole immagini con relativa didascalia, 
le immagini sono disposte in pi� righe da 6 immagini ciascuna, ed il codice 
html per ciascuna immagine accompagnata da didascalia � il seguente (qui 
riporto due immagine con relative didascalie):
// inizio seconda immagine con didascalia
    <li class="span2">
      <a class="thumbnail grayscale" href="#">
        <img alt="" src="immagini/frutta/mela.jpg">
      </a>
<a href="#">Questa � la didascalia dell'immagine</a></li>
// fine prima immagine con didascalia
// inizio seconda immagine con didascalia
    <li class="span2">
      <a class="thumbnail grayscale" href="#">
        <img alt="" src="immagini/frutta/pera.jpg">
      </a>
<a href="#">Questa � la didascalia dell'immagine</a></li>
// fine prima immagine con didascalia
 
Quello che vorrei fare io � di fare in modo che le immagini vengano 
visualizzate sempre in disposizione diversa ad ogni accesso alla pagina, 
cio� ogni volta che l'utente entra nella pagina suddetta trovi una 
disposizione delle medesime diversa, ad esempio in questo caso prima vediamo 
la mela e poi la pera, nell'accesso successivo l'utente potrebbe vedere 
prima la pera e poi la mela. Quindi avrei pensato o ad un caricamento 
random, oppure un caricamento secondo un criterio prestabilito, ad esempio 
una sorta di rotazione ad ogni ora - sempre dopo aver fatto nuovo accesso 
alla pagina, nel senso che non pretendo che sotto gli occhi dell'utente 
avvenga la rotazione dinamica delle immagini, ma semplicemente se l'utente 
ritorna nella pagina un'ora dopo vede una la prima immagine ad esempio 
diventa seconda, la seconda terza e cos� via, insieme alla relativa 
didascalia naturalmente. Qualcuno conosce uno script gi� pronto oppure mi 
pu� dare istruzioni precise su come realizzare questa cosa, anche facendo 
riferimento all'esempio mostrato sopra?
 
Un saluto
@alex 
 

Sì, ho fatto un po' di casino però con il commento, riscrivo il tutto:
// inizio prima immagine con didascalia
    <li class="span2">
      <a class="thumbnail grayscale" href="#">
        <img alt="" src="immagini/frutta/mela.jpg">
      </a>
<a href="#">Questa è la didascalia dell'immagine</a></li>
// fine prima immagine con didascalia
 
// inizio seconda immagine con didascalia
    <li class="span2">
      <a class="thumbnail grayscale" href="#">
        <img alt="" src="immagini/frutta/pera.jpg">
      </a>
<a href="#">Questa è la didascalia dell'immagine</a></li>
// fine seconda immagine con didascalia 
 

 Sì, ho fatto un po' di casino però con il commento, riscrivo il tutto:
 
[CUT]
 
Devi mettere le immagini in un array, poi puoi riordinarlo random prima 
di inserirle nel DOM.
 
Sort:
 <
https://developer.mozilla.org/en-US/docs/JavaScript/Reference/
 
Global_Objects/Array/sort>
 
Random:
 <
https://developer.mozilla.org/en-US/docs/JavaScript/Reference/
 
Global_Objects/Math/random>
 

Ciao Cristiano,
innanzitutto grazie per la risposta, non sono sicuro di riuscire a farlo, e 
non avendo molto tempo a disposizione, preferirei rivolgermi a qualcuno 
esperto in javascript che possa farlo al posto mio. Tu saresti disponibile, 
dietro compenso naturalmente?
Quello però di cui avrei bisogno nel dettaglio, è uno script che non carichi 
le immagini del portfolio (accompagnate da didascalia come ho mostrato 
nell'esempio) in modo random, ma in un ordine predefinito. Un esempio. 
Mettiamo che il portfolio abbia 2 righe da 6 immagini ciascuna (quindi 12 
immagini complessivamente) e gli elementi siano così disposti:
PRIMA RIGA: a,b,c,d,e,f
SECONDA RIGA: g,h,i,l,m,n
 
Vorrei dopo ogni ora, se un utente visualizza la pagina, vede uno 
spostamento di questo tipo:
PRIMA RIGA: n,a,b,c,d,e
SECONDA RIGA: f,g,h,i,l,m
 
Dopo un'altra ora:
PRIMA RIGA: m,n,a,b,c,d
SECONDA RIGA: e,f,g,h,i,l,m
 
e così via...
 
In pratica devono scalare di posizione.
 
Se sei disponibile, ti lascio il mio indirizzo email per dettagli. Fammi 
sapere. Grazie.
 
Un saluto,
@lex
 
 
 
"Cristiano Larghi"  ha scritto nel messaggio 
news:kdp7uq$vtm$1...@dont-email.me...


Come al solito ho fatto un po' di casino, lo riscrivo perché ho messo una m 
di troppo nel precedente esempio. Dunque così dovrebbe essere:
 
PRIMA RIGA: a,b,c,d,e,f
SECONDA RIGA: g,h,i,l,m,n
 
PRIMA RIGA: n,a,b,c,d,e
SECONDA RIGA: f,g,h,i,l,m
 
Dopo un'altra ora:
PRIMA RIGA: m,n,a,b,c,d
SECONDA RIGA: e,f,g,h,i,l
 
e così via...
 
@lex 
 

Però vorrei spiegare meglio, perché mi rendo conto di avere le idee poco 
chiare. Quando dico che l'utente visualizza dopo un'ora una disposizione 
diversa, non voglio dire che l'utente sta sulla pagina delle ore, e ad ogni 
ora visualizza un cambiamento dinamico delle posizioni sotto i suoi 
occhi...niente di tutto ciò! Voglio dire che se quell'utente o qualsiasi 
altro utente dopo un'ora torna sulla pagina (senza cookie) visualizza una 
disposizione diversa da quella che visualizzava l'ora precedente, e questo 
dovrebbe valere allo stesso modo per chiunque, cioè chiunque dopo un'ora 
dovrebbe vedere quello che vedono gli altri. Tutto questo l'ho pensato per 
dare una visibilità paritaria a tutti i prodotti in vetrina, poiché è 
risaputo che sono cliccati quelli che sono più alto e a sinistra (secondo 
l'ordine di lettura occidentale). Quindi per dare pari visibilità a tutti i 
prodotti avevo pensato ad un sistema di questo tipo. La necessità di una 
soluzione _uguale_ per tutti è dovuta alla natura del servizio che mette in 
vetrina prodotti appartenenti non ad un unico titolare ma a più titolari (1 
prodotto per ogni titolare), quindi qualcuno potrebbe obiettare che una 
funzione random non funziona a dovere perché randomicamente compare nelle 
posizioni più in alto più raramente rispetto ad altri...
Quindi non una funzione random, ma una funzione che ad ogni tot di tempo 
(orologio interno) sposta di una posizione gli elementi. Esempio: se 
chiunque si connette dalle ore 16 alle ore 17 vede a,b,c,d,e,f se si 
connette alla pagina dalle 17:01 alle 18 vede f,a,b,c,d,e ecc...
 
 
 
ha scritto nel messaggio 
news:510097bc$0$26771$4faf...@reader2.news.tin.it...


 disponibile, dietro compenso naturalmente?
 
Ahimè no.
 
Se vuoi provarci e postare il risultato, io o qualcun altro potremo 
aiutarti. Altrimenti vediamo se c'è qualcuno che ha tempo di scriverti 
questa function (saranno massimo 10 righe di codice ...)

Grazie lo stesso,  l'ho fatto fare a terzi, ma con caricamento random... Per 
il momento me lo faccio bastare, poi se qualcuno fa storie torno per l'altro 
proposito.
 
Ciao @alex
 
"Cristiano Larghi"  ha scritto nel messaggio 
news:kdrsl9$le6$1...@dont-email.me...
