Solved

How do I display MySQL data

Posted on 2008-06-23
4
206 Views
Last Modified: 2013-11-19
I need to show a picture of a map and when the user rolls over a state (there are only 4 states) the state is highlighted and a small piece of text appears with the number of representatives in that state. I need suggestions on the best way to do it. Flash, Flex, HTML and CSS, Php or may be something else. I am looking for the fastest download - it is very small piece.

http://psuite.acemotoracceptance.com/www/v2/index.html

I know it can be done with image maps, CSS hovers and MySQL but the image for the backgrounds (using one and moving it around with CSS) is 32KB - since our target audience will have dial up (most likely) I would prefer that it was smaller.
0
Comment
Question by:ron-ccs
  • 3
4 Comments
 
LVL 24

Expert Comment

by:mankowitz
ID: 21851943
If you are really concerned about space, you can take one of your images and make the hover a two-color gif (one color, one transparent). Those tend to be very small filesizes. You will have to make one for each map hover, though.
0
 
LVL 24

Expert Comment

by:mankowitz
ID: 21851960
Here is a more elegant solution http://www.frankmanno.com/ideas/css-imagemap/
0
 
LVL 24

Accepted Solution

by:
mankowitz earned 500 total points
ID: 21851970
And here's one with geographical maps: http://www.tankedup-imaging.com/css_dev/rollover.html
0
 

Author Closing Comment

by:ron-ccs
ID: 31469964
mankowitz,
Thank you for your response - I got in this morning and my boss wants it in flash and we have figured it out. I appreciate the effort
0

Featured Post

PRTG Network Monitor: Intuitive Network Monitoring

Network Monitoring is essential to ensure that computer systems and network devices are running. Use PRTG to monitor LANs, servers, websites, applications and devices, bandwidth, virtual environments, remote systems, IoT, and many more. PRTG is easy to set up & use.

Question has a verified solution.

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

Why do we like using grid based layouts in website design? Let's look at the live examples of websites and compare them to grid based WordPress themes.
Does your audience prefer people in photos or no people? How can you best highlight what you’re selling? What are your competitors doing, and what can you do that is different and unique from them?  Continue reading to learn how to make your images …
The viewer will learn how to dynamically set the form action using jQuery.
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

803 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