[Jquery/Js] Mostrare le immagini appena caricate

Ciao a tutti, sto creando uno script che prende da una directory tutte le immagini e le mostro su una pagina php, usando il jquery.
La pagina php prende tutte le immagini, le mette in array e le stampa in ordine decrescente, il problema che mentre l'utente visualizza le immagini, vorrei caricare sulla pagina dove l'utente visualizza le immagini quelle caricate in tempo reale.
Sapete darmi qualche consiglio su come potrei impostare in codice.

[alemoppo]

Non ho capito questa frase:

vorrei caricare sulla pagina dove l'utente visualizza le immagini quelle caricate in tempo reale.

Vorresti mostrare le immagini che l'utente sta uploadando?
Ciao!

Te lo spiego con un esempio: ;)
1)L'utente "a" sta visualizzando le immagini
2)Nel frattempo l'utente "b" sta caricando un immagine, dopo averla caricata
nella pagina dell'utente "a e b" dovrebbe apparire la nuova immagine caricata dall'utente "b" insieme a tutte le altre immagini.
3)Se vengono caricate altre immagini, dovrebbe fare la stessa cosa

Pensavo di usare .before() di jquey per aggiungere l'elemento, il problema e come andare a verificare in tempo reale, che e stata caricata un immagine e che sia anche l'ultima caricata...

Te lo spiego con un esempio: ;)
1)L'utente "a" sta visualizzando le immagini
2)Nel frattempo l'utente "b" sta caricando un immagine, dopo averla caricata
nella pagina dell'utente "a e b" dovrebbe apparire la nuova immagine caricata dall'utente "b" insieme a tutte le altre immagini.
3)Se vengono caricate altre immagini, dovrebbe fare la stessa cosa

Pensavo di usare .before() di jquey per aggiungere l'elemento, il problema e come andare a verificare in tempo reale, che e stata caricata un immagine e che sia anche l'ultima caricata...

Il tuo errore è che non consideri che mentre puoi modificare dinamicamente il documento di chi sta facendo upload al termine dello stesso, uguale operazione non puoi farla per gli altri utenti a meno di controllare ciclicamente se ci sono nuove immagini e quidi aggiornare.

[alemoppo]

Mentre l'utente "a" sta visualizzando le immagini, la sua pagina deve inviare delle richieste al server (ogni tot secondi) per sapere se ci sono nuove immagini. In caso affermativo, le accoda alla richiesta (ad esempio, rispondendo in formato json con i nomi delle nuove immagini); quindi lo script nella pagina di "a" conosce i nuovi nomi delle immagini. A questo punto vanno solo mostrate.

Per le richieste, ovviamente va usato ajax.

Quando invii la richiesta, c'é il problema di sapere SE ci sono nuove immagini. Per saperlo, sempre nella richiesta, dovresti aggiungerci o il numero di immagini nella pagina (così, se il server ne ha di più, riinvia le ultime immagini), o la data/ora dell'ultima immagine caricata dalla pagina (se il server ne ha nuove, le invia alla richiesta); ci saranno anche altri modi, ma adesso non mi vengono in mente.

Ciao!

EDIT: anticipato, ma lascio.

a meno di controllare ciclicamente se ci sono nuove immagini e quindi aggiornare.

Pensavo di fare una cosa del genere, non aggiornare ma aggiungere il nuovo elemento.
Tu cosa mi consiglieresti di fare? ;)