Ciao, credo che il migliore approccio sia l'uso di semplice css. In questo caso, infatti, non vedo la necessità di utilizzare JavaScript per calcolare la posizione dell'immagine.
Puoi sostituire la relativa riga di css con questa, ed eliminare le operazioni eseguite da script:
In sostanza:codice:.fgr {height:100px; display: block; margin:10px auto;}
margin:10px auto; fa in modo che l'elemento abbia un margine superiore e inferiore di 10px rispetto alle dimensioni dell'elemento che lo contiene, mentre i margini destro e sinistro siano calcolati in modo automatico, cioè lo spazio restante è distribuito allo stesso modo sia a destra, sia a sinistra.
display: block; fa in modo che l'elemento img, che di default è di tipo inline-block, si comporti invece come un elemento block, per cui l'applicazione dei margini abbia effetto.
Rispondi quotando