So di poter caricare l '' immagine 'pigro usando una libreria jquery di terze parti. Esiste un modo per carico pigro qualsiasi cosa come <div>
contenitore elemento, ad esempio quando l'utente di scorrimento a quella <div>
contenitorecome scaricare lazy load
risposta
di espandere Kinsho del (corretto) risposta:
Per motivi di sicurezza e manutenibilità, si dovrebbe diffidare di iniettare codice HTML direttamente in documenti. Ciò potrebbe interrompere i listener di eventi, interrompere il parser DOM e potenzialmente aprire vulnerabilità di sicurezza.
In genere, il modo migliore per caricare pigro è inviare dati codificati (come JSON o XML) al client ed elaborare il risultato di conseguenza. Per l'HTML di base, potrebbe essere utilizzato un templating solution. Anche un iframe
può essere migliore di incollare <div><h1>Hello</h1><table><tbody><td><tr>1</td></tr><tr><td>2</td></tr></tbody></table></div>
* in un elemento innerHTML
.
Inoltre, prima di implementare il caricamento lento per il tuo sito, prenditi un po 'di tempo per valutare se ne vale davvero la pena. Un'ulteriore richiesta HTTP è notevolmente più costosa del semplice download di dati tutti in una volta e qualsiasi HTML immesso tramite Javascript non verrà visualizzato dai crawler di ricerca web. Quindi, se si sta iniettando solo una piccola quantità di informazioni statiche, non ne vale la pena.
* è possibile trovare l'errore di analisi? Ora immagina di farlo per un documento HTML di dimensioni standard.
Perché si affidano a qualche libreria di terze parti per facilitare l'pigro carico? Puoi fare bene usando JavaScript nativo.
Infatti, finché si accetta il principio che tutto il caricamento lento viene attivato da un'azione dell'utente, impostare un listener su un oggetto specifico (che si tratti della barra di scorrimento, dell'intestazione di una sezione, ecc.). Imposta un gestore corrispondente che si basa su AJAX (puoi usare jQuery qui) per recuperare i dati (preferibilmente HTML) che puoi caricare direttamente nel contenitore che vuoi usando la proprietà innerHTML
dell'elemento contenitore.
Ecco ciò che volevi davvero iniziare. È un nuovo plugin jQuery che ho creato io stesso. Puoi "Lazy Load" tutto ciò che vuoi in base a qualsiasi elemento (selettore jQuery) che desideri.
Probabilmente sarebbe meglio se includessi esempi di non-immagine nella tua documentazione. Descrivi come caricare pigro un'immagine tramite data-src ma in realtà non spieghi come caricare pigro un div, per esempio. Un div non ha dati-src. –
L'attributo 'data' è una nuova specifica HTML5 che si applica a qualsiasi elemento. Ma sì, ho bisogno di fare un esempio di pagina. Vuoi farlo per me? – shrimpwagon
- 1. less.js Lazy sheet load
- 2. PHP Lazy Load Iterator
- 3. Lazy Load, Lazier Load .. Control Fade Speed?
- 4. Contenitori multipli in Lazy Load
- 5. Lazy load pages in UIScrollView
- 6. Lazy load post sul blog
- 7. Lazy load images per UITableViewCells da NSDocumentDirectory?
- 8. Entity Framework + Multiple Threads + Lazy Load
- 9. Nhibernate/MVC: gestione delle raccolte lazy load in Visualizza
- 10. Lazy-load JavaScript esterno in uno dei controller AngularJS
- 11. Lazy load values in datatable impaginato usando jquery
- 12. Perché non dovrei usare @BatchSize su ogni relazione lazy load?
- 13. Lazy Load Entity Framework EntityCollection con i criteri
- 14. La proprietà Lazy Load caricata è stata caricata in EF6
- 15. come animare jquery load()
- 16. Come scaricare un bean in JsonSerializer?
- 17. lazy loading in Rails 3.2.6
- 18. Tomcat 8, Spring Boot, @ Load Time Load configurabile senza -javaagent?
- 19. Vaadin - Lazy Query Container
- 20. Ocaml: Lazy Lists
- 21. Collezione Lazy in Java
- 22. Come faccio a scaricare lentamente con PLINQ?
- 23. Doctrine lazy loading
- 24. "Lazy IO" in Haskell?
- 25. Kotlin lazy proprietà predefinita
- 26. jqgrid load data array
- 27. prodotto cartesiano Lazy Haskell
- 28. Lazy-loading images in ListView su Android
- 29. Lazy logging in C++
- 30. jquery focus on load
sembra un duplicato di http://stackoverflow.com/questions/8192651/load-lazy-loading-a-div-whenever-the-div-gets-visible-for-the-first -time – Ragnarokkr
La risposta breve è sì. La risposta più lunga è [cosa hai provato?] (Http://whathaveyoutried.com) –