mouseover javascript

[hansan]

can anyone tell how can i find code or some for this kind of mouseover javascript, to show images?

http://www.ted.com/

[djr33]

http://www.dynamicdrive.com/dynamicindex5/
Many of those are close to what you want, and you will just need to style it to look the way you want.

[hansan]

yes, but these are not close enough.

because in the http://www.ted.com/,

• when load the page the images are comes one by one and it seems be pop-up.

• when mouse goes over on an image the other images are getting dark.

• and the description is not coming straightly. the description also waving

can i find some code for like that?

[djr33]

1. The link I gave is close enough (with styling) for the popup part. You just need to find which one will be closest then change the styling and it will be ok.

2. Yes, I see now that the images are moving. You will need a different script to do this.

3. You will need to add an extra action to the tooltip so that the other images change. You could modify their styles or look for a "dimmer" script, or use something like a lightbox where it darkens the whole screen. (It will be hard to make only the images get darker, but it is possible.)

4. This is unrelated to the rest and probably is just some math/positioning in Javascript.


I'd suggest you look into flash if you want complete control of the graphics.

I also don't see why you want to copy every detail of that website, and be careful about copyright (if you copy everything, that might be enough for them to ask you to remove it from your site).


You will not find a complete script that does ALL of that. And I do not believe anything on dynamic drive will do other parts of it-- just the tooltip. But you can probably find scripts that do all 4 parts and put them together.

This is NOT an easy project or just a "script you can find"-- it's a system of scripts (or one very big specific/unique script), and it won't be exactly like that for free, but most of the parts are probably available for free.