Javascript για πολλαπλα image swap buttons σε συγκεκριμενα σημεια

[ironwiller]

καλησπερα.

ευχαριστω εκ των προτερων οποια απαντηση μου δωσετε.

χρειαζομαι να κατασκευασω μια αρχικη σελιδα στην οποια θελω να εχω το παρακατω αποτελεσμα οπως βλεπετε στις φωτογραφιες

δλδ οταν ο χρηστης πηγαινει πανω απο το κουμπι Ε (και οποιο κουμπι κι αν ειναι αυτο) να αλλαζει εικονα

εχω βρει κανοντας αναζητηση στον γουγλη για image swap, αυτο απλο.

απλα επειδη δεν εχω εμπειρια σε javascript οι απαντησεις που ψαχνω ειναι στα εξης ερωτηματα:

1) επειδη η σελιδα θα εχει ηδη ενα background (σταθερη εικονα οπως φαινεται και στο image που εχω ανεβασει) και τα κουμπια τα θελω στα συγκεκριμενα σημεια. πως το κανω αυτο?

2) μηπως χρειαζεται να ορισω καποιες συντεταγμενες και πως το κανω αυτο?

3) υπαρχει μηπως κατι αλλο εκτος του image swap,mouseover που εχω σκεφτει που ειναι πιο απλο?

 

ξανα ευχαριστω.