Achieving a specific effect

User 2073490 Photo


Registered User
154 posts

On my self-help massage page, I want to create a "symptom checker" of sorts.
I would like to have an anatomical image of a human body, with hot spots, or links in the form of little target-shaped icons, that are placed on specific areas of the body where the most common trouble spots are found.
Can I do this with nested tables?
Does anyone have any suggestions for me before I get myself deep into it?
This is the first time for me to attempt anything like this, so I would like some advice for a good starting point before I get started on the wrong foot.
Thanks!
massagefrog.com
User 562592 Photo


Registered User
2,038 posts

It would be very difficult to do with nested tables. What you should do is create an image map. I think that would be perfect for what your trying to do.
The philosopher has not done philosophy until he has acted upon the mere conviction of his idea; for proof of the theory is in the act, not the idea.

My Web Development Company: http://www.innovatewebdevelopment.com (Created with Coffee Cup Software).

My Personal Website: http://www.EricSEnglish.com

User 364143 Photo


Guest
5,410 posts

You can also use pop up speech bubbles in image maps. :)

http://www.cssplay.co.uk/menu/solar_map
CoffeeCup... Yeah, they are the best!
User 2073490 Photo


Registered User
154 posts

Well, thanks for the speedy replies! I will go look at the image mapper right now!
User 2073490 Photo


Registered User
154 posts

Thanks, guys :)
Here's what I made:
(There are no pages that link to the hot spots yet, but I think it's fun to look at)

http://massagefrog.com/what_hurts.html" class="bb-url"> http://massagefrog.com/what_hurts.html

User 562592 Photo


Registered User
2,038 posts

That is a great site. Innovative idea regarding the use of your images.
The philosopher has not done philosophy until he has acted upon the mere conviction of his idea; for proof of the theory is in the act, not the idea.

My Web Development Company: http://www.innovatewebdevelopment.com (Created with Coffee Cup Software).

My Personal Website: http://www.EricSEnglish.com

User 117361 Photo


Ambassador
6,076 posts

I click on the bodies and keep getting a not found error page.
User 271657 Photo


Ambassador
3,816 posts

:D:D:D
(There are no pages that link to the hot spots yet, but I think it's fun to look at)


Nice idea there, Janys.... Now I have to buy that (image mapper), too! :lol:
Looks good, Esther!
I love deadlines. I like the whooshing sound they make as they fly by. (Douglas Adams)
https://www.callendales.com
User 38401 Photo


Senior Advisor
10,951 posts

Love the look of your site Esther I think it will definitely be a great tool for your customers and possible customers, I would love to see more detailed tooltips on it though if maybe you gave some thought to that?

Maybe when people mouse over a specific area you can have the image do a rollover color change too? And maybe the tooltips could have info on the exact reason that the pain in those areas might occur, just a brief couple sentences with a "Click for More Info" at the end? Just a thought, but I love this idea and now I have to play with the image mapper too LOL. Thanks for sharing :)

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.