imagemap

问题 I want to invert the color of an image when mouse hovers. But i want only the part of the colors inverted based on image map. I have used image map. The area where my cursor is on image map only those colors should get inverted. I have used the following code but it does not work. function Show(idi){ document.getElementById("demo").innerHTML = "hiee"; document.getElementById(idi).style.z-index = "101"; } function hide(idi){ document.getElementById("mi").innerHTML = idi; document

问题 I have created an image map and am trying to get a tooltip when hovering over the mapped areas. I know IE requires the use of the title attribute. I have constructed what seems to work fine in Chrome but I get no tooltip other than the one marked "test6" in the below code: <map name="Map" id="Map"> <area alt="test" title="test" href="#" shape="poly" coords="52,294.75,90.8599853515625,295.32000732421875,134.8599853515625,333.6099853515625,136.57000732421875,403.8900146484375,6.2899932861328125

问题 <img src="http://www.w3schools.com/TAGS/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> I need to 1) change opacity on mouseover to highlight the hovered area and 2) add simple tooltip to show details of the hovered area. Is it

问题 I'm trying to create "imagemaps" on an image in wpf using codebehind. See the following XML: <Button Type="Area"> <Point X="100" Y="100"></Point> <Point X="100" Y="200"></Point> <Point X="200" Y="200"></Point> <Point X="200" Y="100"></Point> <Point X="150" Y="150"></Point> </Button> I'm trying to translate this to a button on a certain image in my WPF app. I've already did a part of this, but I'm stuck at setting the Polygon as the button's "template": private Button GetAreaButton(XElement

问题 I’m planning to use an HTML image map as a schema.org SiteNavigationElement . The idea is to use the image as a venue map and as a visual aid to find local business in my area. The code was validated through the Google Structured Data Testing Tool and everything seems to be ok. <div itemscope itemtype="http://schema.org/SiteNavigationElement" > <div itemprop="name">the name</div> <div itemprop="description">the description</div> <img itemprop="image" src="map.jpg" usemap="#map_tag"/> <map

问题 My JS Fiddle: http://jsfiddle.net/j6cAu/ HTML: <div style="text-align:center; width:330px; margin-left:auto; margin-right:auto;"> <img id="Image-Maps_8201306061020497" src="http://www.interfaithmedical.com/skillsets_bw.png" usemap="#Image-Maps_8201306061020497" border="0" width="330" height="330" alt="" /> <map id="_Image-Maps_8201306061020497" name="Image-Maps_8201306061020497"> <area shape="poly" coords="172,165,311,120,325,100,313,102,299,78,280,52,259,37,242,27,222,18,189,12,173,12,171,89

问题 I'm running into a small problem whilst creating image maps. I have a slideshow (created using wowslider) and the image maps will not work when it is loaded. I think I have to call the image maps into the JS somewhere but I'm not quite sure how to. I have seen some questions regarding a single image but this seems to be a bit more of a problem. I should also add that when the image map link is click a modal window will be opening. html <link rel="stylesheet" type="text/css" href="engine1

问题 I have images that are also links, coded like this: <a href="../www.google.com"><img src="pages/squirrely.png" /></a> They work fine, but I want it to be a link, only if you click the general middle of the photo. If you click on the outer regions of the image, I don't want any linking to happen. I tried changing the width and height of the lin, but it didn't work. My css is: #magazine a { width: 100px; height: 100px; border: 5px solid #fff; } 回答1: I would not work with an imagemap in this

问题 I'm building a Shiny app where selectInput functionality is to be presented both as a traditional HTML select dropdown and as a clickable image map. My current strategy is to link the image map polygons back to the app with a URL parameter added, parse that URL, and update the select. This of course resets the app every time, which is ok but not great, and the UI flicker is not very graceful. My questions are: Is there a better way to capture the image clicks and update the input? If I

问题 I've been working on a responsive site and have come to a bit of a problem with Image Maps. It seems that Image Maps don't work with Percentage based co-ordinates. After a bit of googling I found a JS workaround - http://mattstow.com/experiment/responsive-image-maps/rwd-image-maps.html. However I want the site to work with JS disabled. So after exhausting those possibilities I decided to look into using relatively positioned Anchor tags over the images to do the same thing. This is a better