problema caricamento pagina con script nailthumb

[Andrewa]

Salve a tutti ragazzi, credo di avere un problema:
sto utilizzando questo js: nailthumb per la visualizzazione di miniature, lo script funziona bene ma nel caricamento delle pagine c'è un istante prima del caricamento dello script in cui le immagini vengono visualizzate nelle loro dimensioni originali.
Ovviamente esteticamente è molto fastidioso.
Il js è questo:
http://www.garralab.com/nailthumb.php
Secondo voi è un problema mio di impostazioni o no?
In alternativa mi consigliate un metodo più efficace per le miniature?
Grazie a tutti.

[cavicchiandrea]

Con che browser riscontri il problema?

[Andrewa]

faccio prima a dire con quale funziona... safari...
per il resto il problema si nota...

[cavicchiandrea]

Ma... la demo provata con safari, chrome, firefox su mac mi sembra vada bene, nel esempio si vedere per un po l'immagine "con la macchina fotografica" per poi svanire lasciando il posto alla foto ma credo sia normale

[Andrewa]

Io ho notato il problema qui
Effettivamente nel link che hai scritto non c'è quel problema...
mi manca qualcosa....

[cavicchiandrea]

Si nella pagina che hai segnalato riscontro l problema, che dire sono escamotage (sarebbe sempre meglio caricare singole miniature per ogni foto) se hai buone conoscenze prova a sistemare il bug

[lucavizzi]

Originariamente inviato da Andrewa
Salve a tutti ragazzi, credo di avere un problema:
sto utilizzando questo js: nailthumb per la visualizzazione di miniature, lo script funziona bene ma nel caricamento delle pagine c'è un istante prima del caricamento dello script in cui le immagini vengono visualizzate nelle loro dimensioni originali.
Ovviamente esteticamente è molto fastidioso.
Il js è questo:
http://www.garralab.com/nailthumb.php
Secondo voi è un problema mio di impostazioni o no?
In alternativa mi consigliate un metodo più efficace per le miniature?
Grazie a tutti.

Ci sono due possibili strade, definire le dimensioni nel tag img:

[img]path/img.jpg[/img]

Oppure tramite CSS:

<style type="text/css">
#box img{
   width:120px;
   height:90px;
}
</style>

<div id="box">
    [img]path/img.jpg[/img]
    [img]path/img.jpg[/img]
    [img]path/img.jpg[/img]
</div>

Apro parentesi, con entrambi i metodi puoi definire solo l'altezza o solo la larghezza ed ottenere l'altra misura in proporzione.

[Andrewa]

Ma così facendo se imposto nel css le misure quando vado a fare un upload l'immagine verrà deformata laddove le misure non corrispondono,
mentre se lascio o la larghezza o l'altezza libera ovviamente mi sforerà i margini che ho impostato per la miniatura es.: 140x140
Per quello nailthumb pare comodo, che metodi usate voi?
grazie

[cavicchiandrea]

Originariamente inviato da Andrewa
... Per quello nailthumb pare comodo, che metodi usate voi?
grazie

Per quanto mi riguarda quando devo eseguire upload e miniature sviluppo a doc in base alle necessità e al lingaggio (asp o php) per le gallery quando ne ho necessita qualche volta ho usato lightbox e francybox

[lucavizzi]

Dovresti usare le stesse misure sia nel CSS che in nailthumb.