Liten bild till stor bild vid mouseover

Hej

Jag ska göra en hemsida där jag ska ha 12 olika små bilder runt en större som ser ut som en klocka. Jag skulle vilja att när man pekar med musen på de små bilderna ska det komma upp en större bild där bilden på klockan är och när man tar bor musen från den lilla bilden så ska klockan komma tillbaka. (alt. att det kommer upp en större bild vid den bilden man pekar på om det inte går att göra så att den hamnar över den befintliga bilden i mitten.)
Jag vill inte ha popup-fönster .

Hur gör man :q
Vart lägger man scripten :q
Jag har aldrig jobbat med javascript utan bara html men det är väldigt länge sedan.

Tacksam för hjälp...

Mvh Cina

https://Www.garnstudio.com kanske är ett bra exempel.
Men denna lösning fungerar inte bra på en iPad ;-(

Om du vill jobba med Javascript

Jag gjorde en snabb sökning på internet och hittade denna sida
http://www.javascripter.net/faq/onmouseo.htm
Den ger en ganska bra och enkel lösning på ditt problem.

Kör du med jquery så kan du lösa detta på ett par rader kod, hur ser din HTML ut?

Är detta något du söker efter?

http://www.sohtanaka.com/web-design/examples/image-zoom/