Trabajar con new image

[x_women]

hola foro, quisiera saber que piensan de lo que se me ha ocurrido hacer:

tengo una lista imensa de imagenes esas imagenes pensaba cargarla utilizando "new Image" pero al realizarlo la primera vez me di cuenta que tarda demasiado en cargarla si en el servidor de mi pc tardo casi 40 segundos me imagino cuanto tardara en el servidor que utilizo para mi pagina, por eso estaba pensando en cargar de 4 luego 4 asi sucesivamente ya que en la pantalla se muestran de 4 en 4. Entonces lo que hice fue lo siguiente:

Código PHP:

      for (m=1; m< 5; m++){
        imagenes[m] = new Image(120,70)
        imagenes[m].src = nombre[m]
        imagenesGran[m] = new Image(400,300)
        imagenesGran[m].src = nombre[m]
        document.write ('<img src="' + imagenes[m].src )
        document.write ('" onload="if(conNS <= imas){reDimensiona(this.width,this.height,' + m + ',this)}" onclick="camb =' + m + '; bajaOpacidad()">')
    } 
   

pero en lo siguiente va mi duda cuando yo presione un boton siguiente se deberia cargar los siguientes 4, pero me encuentro en la indecision de crear otras imagenes con el new Image o el de reasignar la direccion es decir el "src" alguien sabe ¿CUAL ES EL MAS OPTIMO?

[caricatos]

Hola x_women:

Creo que lo que puedes hacer es usar directamente las etiquetas img, pero sin darle valor al atributo src, y asignárselo cuando las tengas que mostrar... Yo tengo algo así en mi galería de dibujos (la página de mi perfil)... en una página tengo unas 500 fotos, pero las muestro de 30 en 30 (son miniaturas), y no tengo problemas de carga... bueno, la verdad es que uso ajax, y es algo más complejo que lo que te comenté, pero en otra situación lo hice como te estoy explicando.

De todos modos, tendrías que escribir los tags de otra manera, porque con la página cargada, ya no puedes usar document.write...

Saludos