Para obtener los valores de desplazamiento de jquery

Question

¿Cómo puedo encontrar el valor de compensación de una imagen, que se adjunta en una tabla. La mesa consiste en muchas imágenes. Quiero obtener el desplazamiento - izquierda, derecha, arriba, abajo para toda la imagen mientras se desplaza hacia la imagen. necesito esto en jQuery

Gracias,
Praveen J

Answer 1

var elem = $("your_element"); 
var offset = elem.offset(); 
var leftValue = offset.left; 
var topValue = offset.top; 

Para obtener los valores derecho e inferior se suman los valores de anchura y altura a izquierda y de arriba ..

Answer 2

Lea la jQuery documentation. Estas funciones están todas claramente explicadas.

$("#yourImg").bind("mousemove", function(e) { 
    var $this = $(this); 
    var imgLeft = e.pageX - $this.offset().left; 
    var imgTop = e.pageY - $this.offset().top; 
    var imgBottom = $this.offset().top + $this.height() - e.pageY; 
    var imgRight = $this.offset().left + $this.width() - e.pageX; 

    // do more stuff here 
} 

Answer 3

Escribí un pequeño complemento que hace justamente esto.

Obtiene la posición del elemento que desea; izquierda, derecha, arriba o abajo; relativo a su padre o al documento HTML.

Lo puedes encontrar en mi github: https://github.com/Ridle/jQuery-getOffsets