Photo using Flash

Hi Experts,
I remembered seeing some interactive photo/picture on the website, where a mouse cursor move over to the specific location, it will highlight and some text message will appear below.

I have a family photo that I would like to highlight each of the family members using mouse cursor, while the name of the person will appear in below of the screen for whoever is highlighted.

I am not sure which software to use to create this kind of interactive photo. My best guess is Flash. Correct me if I am wrong. I would like to create this fast. Hopefully some sample or code can be share with me too.

Thanks.
MaxLenAsked:
Who is Participating?

Improve company productivity with a Business Account.Sign Up

x
 
SamuelRostolConnect With a Mentor Commented:
I would rather use Flash, but it seems as if you don't have any experience in Flash - and that may make this a difficult task..

Tagit's solution with javascript will enable you to set up boxes for defining the areas, but that alone is not enough. You'll still have to open up information-boxes.

To make things abit easier, I've created a example showing how to do this in Flash. It has been created in Flash CS3, so I hope you have that software. If not, go to www.adobe.com and register an account, and they will let you download a trial-software that works for thirty days.

Rename the file from
0
 
RobOwner (Aidellio)Commented:
I have seen this on facebook but i'm sure they would use an imagemap and javascript: see here for a tutorial: http://www.w3schools.com/js/js_image_maps.asp
0
 
RobOwner (Aidellio)Commented:
0
Get 10% Off Your First Squarespace Website

Ready to showcase your work, publish content or promote your business online? With Squarespace’s award-winning templates and 24/7 customer service, getting started is simple. Head to Squarespace.com and use offer code ‘EXPERTS’ to get 10% off your first purchase.

 
SamuelRostolCommented:
Oops, posted too soon :( Sorry about that.

Rename the file from ...fla.txt to just .fla, and you'll be able to open it.

Good luck!

Kindly,
Samuel
RollOverSolution.zip
0
 
RobOwner (Aidellio)Commented:
Hi Samuel, Personally i love using flash and you've given a great and complete example but i think that it's overkill here and not a feasible to fork out $400 when you have a complete solution for free.

the links i provided above also provide information boxes using relatively simple javascript where all the work has been done
0
 
SamuelRostolCommented:
I will not object your solution, tagit - I just wished to give my opinion and an example :)
0
 
MaxLenAuthor Commented:
For using javascript, to draw the shapre around a human, my best guess is to use "POLY", right?
I will try the both methods then.
0
 
RobOwner (Aidellio)Commented:
Samuel - neither will I ;)
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.