# Help with hotspots, captions, and other fun stuff

**URL:** <https://forum.kirupa.com/t/help-with-hotspots-captions-and-other-fun-stuff/246506>\
**Category:** flash\
**Created:** [December 11, 2007, 7:10pm UTC](https://forum.kirupa.com/t/help-with-hotspots-captions-and-other-fun-stuff/246506 "2007-12-11T19:10:42Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![camargo](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/camargo/32/1363_2.png) [@camargo](https://forum.kirupa.com/u/camargo)\
**Post date:** [December 11, 2007, 7:10pm UTC](https://forum.kirupa.com/t/help-with-hotspots-captions-and-other-fun-stuff/246506/1 "2007-12-11T19:10:42Z")

</div>

Hello Kirupans!

I’m working on an online component for a Christmas card mailer that a client of mine is developing. Basically it’s a Christmas card that goes out to all of their vendors and customers. The card itself is a panoramic photo-collage of the whole team having a Christmas party. See figure 1 for an example.

[CENTER] ![](http://hlfstage.com/xmas/sample1.jpg)  
[SIZE=1]\*\*  
Figure 1.  
\*\*[/SIZE]  
[/CENTER]  
The client would like to see the image have clickable hotspots so that you can click on a person in the photo and have a little quote or thought come up next to them. I created a little mockup to help get the idea across (figure 2).

[CENTER] ![](http://hlfstage.com/xmas/sample2.jpg)  
[SIZE=1]\*\*  
Figure 2.\*\*[/SIZE]  
[/CENTER]

The Flash element will be around 800x400 and is placed in the center of an HTML page. Obviously, since the image is panoramic, scrolling is involved. We used a [basic image-scroller tutorial](http://www.kirupa.com/developer/flash8/interactive_image_pan.htm) found here on Kirupa (uses AS 2.0). Now we need to add a couple of functions.

\*\*That’s where you loyal Kirupans come in!

\*\*Three things need to happen when a person is clicked on:[LIST=1]  
[_]The area around them needs to darken. This can be done using a pre-sized transparency gradient, doesn’t need to be too dynamic.  
[_]A note card with dynamic text needs to appear (either by fading in or by sliding in).  
[\*]The movie needs to be waiting for another click to transition out the note card and bring the lights back up.[/LIST]I might have bitten off more than I can chew, but any pointers sure would be appreciated!

Thank you all in advance!
