Solved

Pick image, show data

Posted on 2016-09-29
4
51 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 2
  • 2
4 Comments
 
LVL 80

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 80

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

Space-Age Communications Transitions to DevOps

ViaSat, a global provider of satellite and wireless communications, securely connects businesses, governments, and organizations to the Internet. Learn how ViaSat’s Network Solutions Engineer, drove the transition from a traditional network support to a DevOps-centric model.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
asp.net web application 3 44
Designing forms 3 41
asp.net mvc 2 32
How can I do Unit Testing with Session ? 1 23
The article shows the basic steps of integrating an HTML theme template into an ASP.NET MVC project
Color can increase conversions, create feelings of warmth or even incite people to get behind a cause. If you want your website to really impact site visitors, then it is vital to consider the impact color has on them.
This tutorial walks through the best practices in adding a local business to Google Maps including how to properly search for duplicates, marker placement, and inputing business details. Login to your Google Account, then search for "Google Mapmaker…
The viewer will learn how to count occurrences of each item in an array.

735 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