Usando quale tecnica facebook e pininterest mostrano le immagini?

2

Se qualcuno ha mai notato che quando apri un'immagine in Facebook succede qualcosa del genere: -

supponi di essere sulla tua homepage su Facebook: - l'URL è link

ora se apri un'immagine, questa viene aperta in una nuova finestra modale come la finestra e le modifiche dell'URL a: - link

Per quanto ne so in ogni caso comune, un overlay modale avrebbe mantenuto l'url nella barra degli indirizzi lo stesso, la mia domanda è come fa facebook / pintrest a ottenere questo comportamento di non ricaricare l'intera pagina ma ottenendo comunque il risultato cambia nella barra degli indirizzi.

C'è qualche plugin jquery o javascript per questo?

    
posta manish 30.11.2012 - 13:43
fonte

2 risposte

5

Utilizzano l'API della cronologia HTML5 per aggiornare l'URL mostrato nella barra degli indirizzi senza effettivamente navigare verso una pagina diversa.

Ulteriori informazioni:

Poiché questa API non è disponibile in tutti i browser (quelli più vecchi, in particolare IE, non ce l'hanno) di solito è una buona idea usare un wrapper come History.js che possono trasformare le chiamate in no-op in quei browser o emularle utilizzando la parte hash (dopo # ) dell'URL.

    
risposta data 30.11.2012 - 13:55
fonte
0

Caricare un'applicazione javascript a pagina singola al caricamento della pagina, che si occupa di tutte le richieste all'interno dell'app se non si aggiorna la pagina. Tutti i dati dinamici vengono recuperati utilizzando AJAX e mostrati all'utente utilizzando le funzioni dell'applicazione. Per le immagini, l'applicazione crea un tipo lightbox di galleria.

Ora, di solito vai alla home page e Facebook carica l'applicazione e ti mostra la home page.

Ma se passi a un'altra pagina come una pagina di foto, la pagina può essere resa lato server, che ha lo sfondo bianco. Ma possono anche caricare l'app javascript e mostrare l'immagine anche sullo sfondo bianco.

Ora il motivo per cui l'URL è cambiato, usano l'api di storia HTML5 per cambiare l'url usando javascript.

    
risposta data 30.11.2012 - 13:56
fonte

Leggi altre domande sui tag