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: [**onmousemove**](https://www.w3schools.com/jsref/event_onmouseover.asp) <!-- begin snippet: js hide: false console: true babel: false --> <!-- language: lang-js --> var anterior = 0; var img = document.getElementById("img"); function aplicarOpacidad(event){ var x = event.pageX - img.offsetLeft; if (x>anterior) { console.log('Derecha'); }else if(x<anterior){ console.log('Izquierda'); } anterior = x; }; <!-- language: lang-css --> #img{ width:100px; height:100px; border:solid 1px black; display:block; margin:auto; } <!-- language: lang-html --> <div id="img" onmousemove="aplicarOpacidad(event);"> </div> <!-- end snippet -->