Cargar imagenes al verlas

[okdek88]

Hola, que tal? Veréis, tengo un proyecto de web y necesito cargar gran cantidad de imágenes, y buscaba algo similar a esto:

bandcamp.com/artists

Es decir, que según baje, se vayan cargando las imágenes. Pero no tengo ni idea de como hacerlo. ¿Alguna idea?

Muchas gracias de antemano!

[marcopoloaz06]

Hola, puedes usar jQuery, y tiene un plugin de cargado de imagenes te paso el link:
demo:
http://www.appelsiini.net/projects/l...d/enabled.html
y la pág:
http://www.appelsiini.net/projects/lazyload

pero creo que por ahora funciona solo con la versión 1.2.6 de jQuery

saludoss
:]

[okdek88]

Muchas gracias, es justo lo que buscaba!

Pero aún tengo un problema. No se mucho de programación, y nunca he usado jQuery. He leído todo lo que he podido antes de preguntar, pero no he dado con la solución.

Uso Joomla, pero no se como integrar el jQuery ni ese plugin. Lo he intentado directamente en el html del 'articulo' en que necesito usarlo, pero ahí no puede ser. He pensado que quizás hay una forma de aplicarlo a todos los 'articulos' de la web, o incluso a toda la web entera, pero no se como hacerlo.

¿Alguna pista?
Muchísimas gracias!

[marcopoloaz06]

Hola, mira aqui esta el foro de Joomola, pero ps es muy fácil, sólol lo integrarias asi como te dice en la pág.
Pero si tienes mas imagenes, aparte de las que quieras mostar, como cabezera, botones, etc... ps tambien se van a cargar de ese modo, para eso usas un contenedor:

Código HTML:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js" type="text/javascript"></script>
 <script src="http://www.appelsiini.net/projects/lazyload/jquery.lazyload.js" type="text/javascript"></script>
<script>
$('#contenedor img').lazyload();
</script>
<div id="contenedor">
<img>
<img>
</div> 

saludoss
:]