jammmy — 2012-05-10T03:29:14-04:00 — #1
For a client I need to make an "animation". But the site needs to work for mobile users as well, so I can't use Flash. What I want: a technical product with different components (they are numbered). When visitors hover one of the components a tooltip should pop up with a definition/explanation of the component. Can I do this with CSS and can someone point me to some kind of tutorial?
I was thinking of absolutely positioning the numbers, and combine that with a hover effect. Don't know if this works well with the responsive site though.
ralphm — 2012-05-10T04:17:13-04:00 — #2
jammmy — 2012-05-10T05:05:58-04:00 — #3
This is the image:
ozhef — 2012-05-10T05:48:14-04:00 — #4
Lots of good jquery examples out there you can look at.
ralphm — 2012-05-10T09:44:46-04:00 — #5
I'm not totally sure what you are after, but this might help:
There might be other options, like tab buttons that reveal more text etc. Really depends on what you want to see on the page.
jammmy — 2012-05-11T02:18:15-04:00 — #6
Thanks that looks like something I can use!
ralphm — 2012-05-11T03:08:43-04:00 — #7
Great. Give it a try and let us know how you go.