How to make Thumbnails - Onfocus larger image appear

Good afternoon every,

There are many script on the e web that can easily do what I am looking for but they don’t teach me anything. I am trying to learn this stuff, and the best way will be to know what each variable is doing, what function is being called when the thumbnail is hover or focus.

All I need is to start with a single image, when I hover on the image, a larger image appear.

I have tried my own solutions but just lost.

Are there any tutorials out there.

I know how to declare a variable, create a function, how to put these things into everyday projects is what the books never tells you. :slight_smile:

Any help or resources will be greatly appreciated.

The Novice.

Thanks very much, I will read all these materials and see how far I can get.

Novice

You will need to understand about JavaScript being event-driven. I suggest you head over to the Quirksmode articles.

http://www.quirksmode.org/js/introevents.html

Once you read that you’ll probably end up thoroughly confused because of the different “models”. I suggest you read about the inline model, but then ignore it and instead focus (for now) on the traditional model.

When you’ve finished, have a go at writing some code and then post it here if it doesn’t work and you need help.