problema jquery posicion raton

[reonevk]

buenas a todos, estoy iniciandome en jquery y para una pequeña aplicacion me estoy haciendo un lio, simplemente quiero que al pasar el raton por encima de una imagen se ejecute una funcion, la cual hace que se aparezca una capa, hasta ahi todo bien, el problema viene cuando quiero que al pasar el raton por encima de la imagen, tambien se modifique la posicion de la capa en funcion del raton, que es lo que no se hace y me estoy haciendo un lio que no veas... el codigo es algo asi:

$(function() {
$("#img1").mouseover(function(event) {
(function(e){
$("#capa1").css({ top: e.pageX, left: e.pageY });
$("#capa1").slideToggle();
});

...........


esa es la zona donde se que esta mal pero no tengo muchos conocimientos asique no se como hacerlo exactamente el tema de function(e) y luego e.pageX etc...

bueno gracias de antemano aver si alguien me puede corregir ese pequeño codigo que me estoy volviendo loco. Gracias

[reonevk]

Porfavor alguien puede echarme un cable con el tema de las coordenadas del raton, dando alguna alternativa a mi codigo o corrigiendo lo q este mal

[reonevk]

vale solucionado, qeda algo asi:

$(function() {
$("#img1").mouseover(function(e) {
var mousex = e.pageX + 20; //Get X coodrinates
var mousey = e.pageY + 100; //Get Y coordinates
$("#capa1").css({ top: mousey, left: mousex});
$("#capa1").slideToggle();

gracias de todos modos, espero que esto le pueda servir a alguien en un futuro, un saludo

[gavilancentelles]

Otro día piénsalo mas antes de preguntar!