Still celebrating National IT Professionals Day with 3 months of free Premium Membership. Use Code ITDAY17

x
?
Solved

Pick image, show data

Posted on 2016-09-29
4
Medium Priority
?
57 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 83

Accepted Solution

by:
David Johnson, CD, MVP earned 2000 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 25

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 83

Expert Comment

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

Author Closing Comment

by:NVIT
ID: 41824047
Thanks!
0

Featured Post

Free Tool: Port Scanner

Check which ports are open to the outside world. Helps make sure that your firewall rules are working as intended.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

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

When it comes to write a Context Sensitive Help (an online help that is obtained from a specific point in state of software to provide help with that state) ,  first we need to make the file that contains all topics, which are given exclusive IDs. …
When crafting your “Why Us” page, there are a plethora of pitfalls to avoid. Follow these five tips, and you’ll be well on your way to creating an effective page.
This video teaches users how to migrate an existing Wordpress website to a new domain.
The viewer will learn how to look for a specific file type in a local or remote server directory using PHP.
Suggested Courses

705 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