Solved

Photo using Flash

Posted on 2008-06-14
8
270 Views
Last Modified: 2011-10-19
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.
0
Comment
Question by:MaxLen
  • 4
  • 3
8 Comments
 
LVL 43

Expert Comment

by:Rob
ID: 21787926
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
 
LVL 43

Expert Comment

by:Rob
ID: 21787928
0
 
LVL 12

Accepted Solution

by:
SamuelRostol earned 350 total points
ID: 21791291
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
Free Tool: Site Down Detector

Helpful to verify reports of your own downtime, or to double check a downed website you are trying to access.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

 
LVL 12

Expert Comment

by:SamuelRostol
ID: 21791296
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
 
LVL 43

Expert Comment

by:Rob
ID: 21793391
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
 
LVL 12

Expert Comment

by:SamuelRostol
ID: 21800512
I will not object your solution, tagit - I just wished to give my opinion and an example :)
0
 

Author Comment

by:MaxLen
ID: 21801131
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
 
LVL 43

Expert Comment

by:Rob
ID: 21809364
Samuel - neither will I ;)
0

Featured Post

Free Tool: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
Software to remove duplicates pictures on a Mac 5 68
wma to mp4 video format 23 187
How to convert a video or audio file into text 6 115
finding artist from picture(portrait) 5 123
This article discusses the PaperPort 14 Scanner Connection Tool, which Nuance provides at no charge in order to fix scanning problems in Windows 8. Furthermore, users of PaperPort 14 in Windows 7 and Windows 10 have reported that the tool works in t…
In a previously published article (http://www.experts-exchange.com/articles/10331/Automatic-Duplex-Scanning-in-PaperPort-Versions-11-12-14.html) here at Experts Exchange, I explained how to achieve duplex (double-sided) scanning in Nuance's PaperPor…
This Micro Tutorial will give you a basic overview how to record your screen with Microsoft Expression Encoder. This program is still free and open for the public to download. This will be demonstrated using Microsoft Expression Encoder 4.
Illustrator's Shape Builder tool will let you combine shapes visually and interactively. This video shows the Mac version, but the tool works the same way in Windows. To follow along with this video, you can draw your own shapes or download the file…

861 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question