Solved

Photo using Flash

Posted on 2008-06-14
8
269 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 42

Expert Comment

by:Rob Jurd, EE MVE
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 42

Expert Comment

by:Rob Jurd, EE MVE
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
NAS Cloud Backup Strategies

This article explains backup scenarios when using network storage. We review the so-called “3-2-1 strategy” and summarize the methods you can use to send NAS data to the cloud

 
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 42

Expert Comment

by:Rob Jurd, EE MVE
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 42

Expert Comment

by:Rob Jurd, EE MVE
ID: 21809364
Samuel - neither will I ;)
0

Featured Post

Netscaler Common Configuration How To guides

If you use NetScaler you will want to see these guides. The NetScaler How To Guides show administrators how to get NetScaler up and configured by providing instructions for common scenarios and some not so common ones.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
how can I create or build a playlist within YouTube on IPhone 6? 4 50
extract audio from DVD 21 93
wma to mp4 video format 23 163
Adobe Premiere Pro CS5 Video Speech Analysis 3 76
The standard (non-Professional) edition of PaperPort (http://www.nuance.com/for-individuals/by-product/paperport/index.htm) from Nuance Communications (http://www.nuance.com/) (previously known as ScanSoft) is limited to five Scanning Profiles, but …
This article shows how to convert a multi-page PDF file into multiple image files, with one image file created for each page of the PDF. It does this by utilizing an excellent, free software package called GraphicsMagick. The solution is amazingly s…
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.
The goal of the tutorial is to teach the user how to remove a natural vignette your photos and how to add vignette to your photos.

770 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