Grazie per l' aiuto, io di javascript so veramente 0, per ora ho solo inserito l' immagine all' interno di un div, la imposto come background image o la metto semplicemente all' interno con un <img>?

Anzitutto usa il forum correttamente. I messaggi privati sono per segnalazioni su malfunzionamenti del forum o per cose private, non per chiedere aiuto.
I post del forum sono pubblici, anche perche` la/le risposta/e al tuo problema puo` aiutare altre persone con problemi analoghi.

Le linee guida per HTML/CSS dicono che se l'immagine fa parte del contenuto va inserita con <img>, se e` un elemento decorativo va messa come sfondo.
Quindi la decisione su come inserire l'immagine la devi prendere tu in relazione al tuo problema.

Se la inserisci con <img>, devi usare due oggetti di tipo block in questo modo:
codice:
HTML:

<div id="finestra">
  <img src="..." alt="..." />
</div>
codice:
CSS:
#finestra {
  width: 1024px;
  height: 768px;
  overflow: hidden;
  position: relative;
}
#finestra img {
  display: block;
  width: ...px;        /* width e height non sono necessari: se mancano prende quelli originali dell'immagine */
  height: ...px;
  position: absolute;
  left: -200px;       /* questi due sono da definire in base alle esigenze */
  top: -150px;
}
Se invece l'immagine e` uno sfondo, devi usare il background-position, e per quello non servono spiegazioni oltre al tuo reference-manual preferito.

Intanto prova a vedere cosa succede a modificare left e top dell'immagine (oppure background position).

Poi devi pensare dove mettere i bottoni che servono per spostare l'immagine. Non so se saranno 4 (per le 4 direzioni) o come intendi fare.

Poi per inserire una riga di JS, una volta che ci sono gli elementi HTML, la cosa e` semplice.
Ma prima devi postare il codice degli elementi interessati, altrimenti diventa molto piu` complesso spiegare come fare.