[Resolvido] Refresh da página interrompe script

[marcelo2605 10]

Criei este script para centralizar as imagens dentro de uma div:

 

$(document).ready(function(){
$image = $('.centeredImage');
$imageWidth = $image.width();
$imageMargin = $imageWidth - 509/2;
$image.css('margin-left' , $imageMargin);
});

 

Mas quando dou refresh (F5) na página mais de uma vez, o script não funciona corretamente e a imagem fica onde não deveria ficar.

[William Bruno 1501]

a imagem tem uma largura fixa em px?

 

conheço 2 soluções para oq você quer, mas usando apenas css(que é bem melhor).

ou um text-align: center no elemento pai da imagem, ou um margin: 0 auto;

[marcelo2605 10]

William,

 

text-align: center funcionou. Obrigado. Quebrar a cabeça com javascript faz a gente esquecer que existem soluções mais simples em css.