Mover imagen con jquery

[jorgegetafe]

Hola a todos,

Tengo esta función javascript con jquery y no consigo que me mueva la imagen al cento de la pantalla, ¿qué hago mal? el tamaño si que me lo modifica bien:

Código:

function aumentar(){
            var imagen = document.getElementById("flecha");
            $(imagen).css({'z-index' : '10'});            
            $(imagen).animate({
                position: 'relative',
                top: '50%', 
                left: '50%', 
                width: '600px', 
                height: '100px',
                padding: '20px'
                
            },450);
            imagen.style.top= "0 px";
        }

Muchas gracias.

[caricatos]

Tema movido desde javascript

[mayid]

Me gustaría saber cuál es el resultado de ese script. Supongo que lo que hace esponer la esquina superior izquierda en el centro de la pantalla, no? Es porque tendrías que restarle el tamaño de tu div dividido por 2.

[jorgegetafe]

Ya he conseguido moverlo de esta forma:

Código:

function aumentar(){
            var imagen = document.getElementById("flecha");
            $(imagen).css({'z-index' : '10'});            
            $(imagen).css({'position' : 'relative'});     
            $(imagen).css({'top' : '50%'});     
            $(imagen).css({'left' : '50%'});     
            $(imagen).animate({
                width: '600px', 
                height: '100px',
                padding: '20px'
                
            },450);
            imagen.style.top= "0 px";
        }

La función aumenta la imagen (tengo otra función que la devuelve al estado original) y la lleva al centro (como bien dices, me falta por restar el tamaño del div entre 2) horizontalmente, pero no consigo centrarla verticalmente, de css no ando muy bien, alguien me ayuda?

gracias

[tredio]

coloca position:absolute;