Cambiare immagine al semplice movimento laterale del mouse

[robfori]

Ciao a tutti, ho bisogno di un vostro prezioso aiuto.
Allora, mettiamo caso che abbia tre immagini che dovranno rappresentare la stessa immagine attraverso un'animazione. Esempio pratico:
img 1= Quadrato rosso
img 2= Quadrato verde
img 3= Quadrato blu

Vorrei che al movimento laterale sull'asse x (destra,centrale,sinistra) del mouse, l'immagine cambi a seconda della posizione:
Sinistra=img 1= Quadrato rosso
Centrale =img 2= Quadrato verde
Destra= img 3= Quadrato blu

Questo perchè ho tre foto della stessa tshirt (destra,sinistra,centrale) che vorrei animare, cambiando l'immagine in base allo spostamento del mouse, crendo un effetto rotazione.

Spero di essermi fatto capire, se potete farmi un esempio pratico ve ne sarei immensamente grato. Grazie anticipatamente

[rikyeko]

Non mi sembra una cosa banale, devi per prima cosa definire un'area nella quale lo spostamento del mouse ha effetto, all'unterno della quale identificare il range che occupano "sinistra, centro e destra", poi gestire gli eventi mouseover (ed anche mouseleave secondo me) e controllando le coordinate del puntatore decidi cosa fare.
Ti consiglio di dare una bella occhiata nella parte Javascript di www.w3schools.com