Gallery

Salve ragazzi di altervista...
volevo un piccolo aiuto con javascript dato che sono alle prime armi.

Ho creato una sorta di gallery per raccogliere alcuni wallpaper per ogni articolo, ed ho fatto in modo che i wallpaper vengono caricati in un unica pagina disposti all'interno di un bella tabella a 2 colonne e 4 righe... le immagini vengono visualizzate ad una dimensione ridotta a quella originale e per aprire l'immagine alla dimensione reale bisogna cliccarci sopra, aprendo così una finestra popup.

la pagina è questa: http://psxmania.altervista.org/relea...apers/ff8.html

Il risultato è soddisfacente tranne per una cosa... che al caricamento delle immagini vengono prima caricate tutte e poi vengono disposte secondo le mie esigenze. Ciò comporta un effetto sgradevole in quanto durante il caricamento delle immagini vengono visualizzate a dimensione intera e quindi saltano fuori dal layout.

Il codice da me adoperato è questo:

<script>
    window.onload = resizeimg;
    function resizeimg()
    {
       if (document.getElementsByTagName)
       {
          for (i=0; i<document.getElementsByTagName('img').length; i++)
          {
             im = document.getElementsByTagName('img')[i];
             if (im.width > 300)
             {
                im.style.width = '300px';
                eval("pop" + String(i) + " = new Function(\"pop = window.open('" + im.src + " ','fullscale','width=1280,height=1024,scrollbars=1,resizable=1'); pop.focus();\")");
                eval("im.onclick = pop" + String(i) + ";");
                if (document.all) im.style.cursor = 'hand';
                if (!document.all) im.style.cursor = 'pointer';
                im.title = 'Clicca per visualizzare il Wallpaper nella sua dimensione reale ';
             }
          }
       }
    }
	</script>

C'è un modo per evitare ciò?

[sevenjeak]

Hai provato impostando direttamente la dimensione ridotta all'immagini?