HELP! Expanding images w/ click/mouseover

[cbatbhatm221]

Hi there.

I am fairly new to this (and this is my first forum post) so please bare with me, I might to in the wrong forum entirely.

I need some help with a website I'm maintaining. On the whole its simple html and a bit of java, but I've come up with an idea for the homepage and its way beyond anything I've done before.

I have the home page and I want it to contain a right hand menu containing two features that expand out when clicked upon.

I've seen it done on a few adverts for films and things like that but have no idea how to do it myself.

I have already seen and tried myself with a small image pop-up type thing through java (similiar to Lightbox JS) but its not really what I'm after. I've searched around and not found anything that really fits.

I've attached 5 images which take you through what I want the page to do:

1)
2)
3)
4)
5)

If its easier then it could be a mouseover action rather than a click.

I don't even know whether its possible to be honest so any help would be great.

If anyone could help me on my way to achieving this I would be most grateful.

Thanks

Sam
cbatbhatm221

[acoder]

Welcome to Bytes!

You could use a library to do this for you - there are some good ones out there.

If you're doing this yourself, you will need to learn the basics of animation which are quite simple really. setTimeout and setInterval provide the timing. To move objects/elements, change their style.top/style.left properties. To increase the size of an element, change the style.height/width properties.

[cbatbhatm221]

Hi thanks thats a great help, I'll get playing and come back with the masses of problems I'm bound to encounter! Thanks. Sam