Asi como dices, hay que guardar la variable de la posición anterior, he ir actualizándola, cada vez que pide el valor.
Notas:
- Es necesario, iniciarlizar la variable
anterior
, y declararla fuera de la función. - Para la respuesta que te di, no use jquery como tu, si no, un evento de html: onmousemoveonmousemove
var anterior = 0;
var img = document.getElementById("img");
function aplicarOpacidad(event){
var x = event.pageX - img.offsetLeft;
img.style.opacity = x/img.offsetWidth;
anterior = x;
};
#img{
width:300px;
height:300px;
display:block;
margin:auto;
}
<img id="img" src="https://dummyimage.com/1080x1024/000/fff" onmousemove="aplicarOpacidad(event);"
/>