Busque efectos css o js para leer la imagen antes de que aparezca en el área de la pantalla en lugar de leerla toda directamente

Déjame darte una idea. El código fuente js no está organizado, por lo que no es necesario ejecutarlo y no es necesario que sea demasiado complicado.

En primer lugar, necesita conocer la altura del área de visualización de la pantalla, la posición de la barra de desplazamiento y la posición de la imagen. Por ejemplo, la posición de la barra de desplazamiento es 200 px y la pantalla. La altura es de 300 px. Luego, cuando la imagen se mueve desde la parte superior de la página a 200 px, cuando llega a (200 300), la imagen debe mostrarse. Este cálculo se puede activar en un evento de desplazamiento de la barra de desplazamiento.

La imagen debe tener un alto y un ancho establecidos, de lo contrario no se calculará correctamente. El código fuente de la imagen debe ser similar a img target_src="abc.gif" style="width: 200px; height: 200px;" /gt;, cuando necesite mostrar la imagen, simplemente configure el src de la imagen en el valor de target_src Eso es todo, por ejemplo objImg.setAttribute(' src', objImg.getAttribute('target_src'));

Es así de simple

.