Solved

Pick image, show data

Posted on 2016-09-29
4
43 Views
Last Modified: 2016-09-30
I'd like to make a web page that does this...
The page has an image of a campus.
The image may need to be zoomable, depending on the size of the campus.
When a user picks a building, data about that building shows, whether in a popup or window.
The image and data is static. i.e. no interfacing w/ databases, etc.

Is there an online site I can do this from? Where I can make the page, then download the content for display on another web site.

I pay for a gig, what is a ballpark cost?
0
Comment
Question by:NVIT
  • 2
  • 2
4 Comments
 
LVL 79

Accepted Solution

by:
David Johnson, CD, MVP earned 500 total points
ID: 41822599
That is an imagemap
 <img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap">

<map name="planetmap">
  <area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun">
  <area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury">
  <area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus">
</map> 

Open in new window

http://www.w3schools.com/tags/tag_map.asp
There are several online image map creators available
0
 
LVL 24

Author Comment

by:NVIT
ID: 41822729
David,

After clicking the link, can it show a popup, similar to a tooltip (not sure if that's the correct terms)?
0
 
LVL 79

Expert Comment

by:David Johnson, CD, MVP
ID: 41823865
just add a target="_blank" attribute to your links (anchor tags)
0
 
LVL 24

Author Closing Comment

by:NVIT
ID: 41824047
Thanks!
0

Featured Post

Courses: Start Training Online With Pros, Today

Brush up on the basics or master the advanced techniques required to earn essential industry certifications, with Courses. Enroll in a course and start learning today. Training topics range from Android App Dev to the Xen Virtualization Platform.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
convert html to string 6 34
Add image to into animation on website template 1 27
paypal ipn url 5 52
Help with query 3 23
I've been asked to discuss some of the UX activities that I'm using with my team. Here I will share some details about how we approach UX projects.
"In order to have an organized way for empathy mapping, we rely on a psychological model and trying to model it in a simple way, so we will split the board to three section for each persona and a scenario and try to see what those personas would Do,…
The viewer will learn how to count occurrences of each item in an array.
This tutorial will teach you the core code needed to finalize the addition of a watermark to your image. The viewer will use a small PHP class to learn and create a watermark.

813 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

Need Help in Real-Time?

Connect with top rated Experts

11 Experts available now in Live!

Get 1:1 Help Now