image maps on sharepoint
Hi there,
I need some advice and quickly. I am currently using sharepoint to design an intranet site for my work.
One of the things I wanted to include is an interactive image map which I intended to do in dreamweaver and then just transfer the html onto sharepoint. However this doesnt seem to work, when I transfer the html it displays the map with no hotspots. I then tried just doing it in html in notepad and then opening an offline page and it still didnt work. I am not a web design expert so I need advice and the quicker the better. Thanks guys, hope someone can help.
It sounds like you are copying only the image, and not the code that renders the hotspots.
Can you try to save your image map as an html file and open in in InternetExplorer to check if it works? if it does, try to copy that code to the sharepoint page.
Make sure you only include the code inside the <body>...</body> tags.
I used several image maps in sharepoint without any issue, so it has to be something in your code, or the way you copied it.
Hi there,
Thanks for your response. Unfortunately I am transferring the code and have tried saving the code on sharepoint and nothing hapens. I have added code here for you to maybe have a look at, let me know what you think if you dont mind that is.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body>
<img src="http://www2.btcv.org.uk/images/find_your_local_btcv_office/image/uk_map.gif" width="1280" height="800" border="0" usemap="#Map" />
<map name="Map" id="Map"><area shape="circle" coords="451,363,3" href="http://www.google.com" target="http://www.google.com" alt="Stadium" />
</map>
</body>
</html>
Many Thanks
I had no trouble by using the following code:
This is the code you are supposed to put into sharepoint.
Note - the circle you are drawing is VERY small and hard to find. maybe that is why you are having issues?
