Bloquear la carga de imágenes de una web

[djsali]

Hola a todos, tengo una duda y esperaba que alguien más experimentado me diera alguna idea de cómo empezar.

La cosa es crear una página adaptada a conexiones lentas y/o móviles en las que las imágenes juegan un papel secundario y no son extrictamente necesarias. Es decir, lo que busco es un javascript que no deje cargar las imágenes (o determinadas imágenes) salvo que se desee cargar adrede, para lo que se se usaría un botón/enlace.

En fin, estuve mirando por la red y no encontré nada, éste es mi último recurso, en cualquier caso, gracias por vuestro tiempo

[_cronos2]

Puedes hacer algo como esto:

Código CSS:

.carga { display:none; }
 

Código HTML:

<img src='' class='carga' alt='imagen.jpg' />
<img src='' class='carga' alt='imagen2.jpg' />
<img src='' class='carga' alt='imagen3.jpg' />
<!-- ... -->
<button type='button' onclick='cargarImgs();'>Cargar imágenes</button>
 

Código Javascript:

function cargarImgs(){
 var ocultas = document.querySelectorAll('.carga');
 for(var i = 0; act = ocultas[i]; i++){
  act.src = act.getAttribute('alt');
  act.className = '';
 }
}
 

Saludos (:

[djsali]

Simplemente brillante Cronos =)

Funciona con firefox, opera y chrome pero no con ie, así que buena excusa para hacer que la gente cambie de explorador, espero que tu avatar no esté relacionado con eso jejeje.

Te dejo una pequeña aportación al karma, muchas gracias por todo, intentaré hacer una variante con diferentes botones que muestren diferentes imágenes a ver si lo consigo y si me queda bien la dejaré por aquí. Gracias de nuevo y salud!!!

[_cronos2]

Bueno claro, document.querySelectorAll creo que es a partir de IE9, así que puedes crear tu propia función:

Código Javascript:

function catchClass(str){
 for(var i = 0; act = document.getElementsByTagName('*')[i]; i++){
  if(act.className && act.className == str.replace(/^\./, '')){ return act; }
 }
 return false;
}
 

Y cambiar la otra así:

Código Javascript:

var ocultas = (document.querySelectorAll || catchClass)('.carga');
 

Saludos (:
PD: Sí, me encantaría que la gente no usara IE, o por lo menos que no fuera tan difícil para los programadores XD