Últimamente me he encontrado con blogs/sitios web que solo cargan imágenes cuando se desplazan hacia la ventana visible. Luego los desvanece. ¿Hay un jQuery ... incluso el plugin de Wordpress que hace esto?Carga lenta de imágenes cuando entran en la ventana gráfica
p. Ej. http://icodeblog.com
Una de las cosas buenas de JavaScript es que puede ver la fuente y ver qué está sucediendo. Después de ver la fuente encontré esto:
LazyReady: http://plugins.jquery.com/project/LazyReady
Puede probar este plugin de jQuery escribí que utiliza los comentarios html a la carga perezosa cualquier bit arbitrarios de HTML, incluyendo imágenes:
jQuery Lazy Loader Plugin Page
He aquí un ejemplo:
<pre class=”i-am-lazy” ><!–
<img src=”some.png” />
–></pre>
<pre class=”i-am-lazy” ><!–
<div>Any, html css img background, whatever. <img src=”some.png” /> </div>
–></pre>
<script type=”text/javascript” src=”jquery.lazyloader.js” ></script>
<script type=”text/javascript” >
$(document).ready(function()
{
$(’pre.i-am-lazy’).lazyLoad();
});
</script>
Así que, básicamente, en que se coloca el contenido que desea cargar perezoso con una etiqueta de marcador de posición y el comentario y html interior. Cuando el marcador de posición se vuelve visible en la ventana gráfica, se reemplaza con la cadena html dentro del comentario.
Puede usar cualquier etiqueta para el marcador de posición, pero me gusta pre porque se muestra como 0 dimensión cuando solo hay un comentario dentro.
Espero que esto ayude! @MW_Collins
Parece realmente molesto para el usuario ... – Glennular
Double-dupe! Solo yo he respondido esta misma pregunta dos veces en SO. –
Dupe 1 http://stackoverflow.com/questions/1464968/load-content-as-an-element-scrolls-into-view –