HTML - Ingrandire immagine in un dato riquadro

Vorrei usare un template che ho inserito nel mio sito per ingrandire l'immagine in un dato riquadro:

esempio



che codice dovrei inserire? cioe' quando clicco sulle immagini piccole vorrei che si aprisse nel riquadro la rispettiva immagine grande.

Cosa devo inserire invece per far si che quando clicco sulle freccette scorrino le altre immagini
Grazie in anticipo a chi mi saprà aiutare.

Ti consiglio di usare qualche servizio online di slide-sharing. Slider e VuVox potrebbero fare al caso tuo.