Come posso ottenere jQuery per chiamare un gestore di eventi quando un'immagine viene effettivamente visualizzata sullo schermo?

Question

Come posso utilizzare jQuery per attivare una richiamata di una funzione JavaScript quando si scorre verso il basso e si vede un'immagine? Vorrei ritardare il caricamento di certe immagini fino a quando non appaiono in realtà sullo schermo ... Idealmente, sarei in grado di fare qualcosa di simile:

$('#img#').look_on() { ... 

Quindi non ci sono immagini vengono caricate oltre a quelli che ho visto.

Answer 1

penso che questo plug-evento JQuery fa quello che vi serve:

Element 'in view' Event Plugin

ho creato un evento che attiverà quando l'elemento scorre nella alla finestra.

Inoltre, il plug-in LazyLoad sembra avere un selettore "viewport" per JQuqery: Here.

Answer 2

Ecco qualche tipo come quello che ho cercato ... http://www.appelsiini.net/projects/lazyload