cada vez que se mueva el ratón horizontalmente en una imagen, la opacidad tiene que cambiar, es decir, si se mueve a la derecha 10px
la opacidad aumenta 0.1
, y si es a la izquierda disminuye 0.1
. He usado el evento mousemove
, para sacar el valor de la coordenada x. La pregunta es como puedo saber si aumenta o disminuye, tendría que tener el algún valor de x de la posición anterior para compararlo con la actual.
$("img").mousemove(function(event){
// Posición absoluta horizontal del puntero menos la posición absoluta horizontal del elemento.
var x = event.pageX - this.offsetLeft;
});
let postion=[0,0];
y ir actualizandolas cada vez que se mueve