imagemap

问题 I have a panel (here called parent), where I draw a calculated picture. Some rectangular areas of this picture shall higlight by hoovering over. It is the same behaviour like on a web page using , and , e. g. the german map on the right upper side. At hoovering the according rectangle shall be covered by a half transparent blue . (And depending on keys like Alt, Ctrl and/or Shift in other colors, and clickable). The first solution was a single instance of a transparent Panel - inherited from

问题 Say we have an IMG ( id less) element which has an usemap="#hotmap" attribute. Then we have this <MAP name="hotmap"> element (in the BODY ) containing an enormous amount of AREA s (say >1000). It's obvious, that we'd like to delegate the eventhandling of AREA s to the MAP element instead of creating hundreds of eventlisteners. Now in the eventhandler function (for MAP ) we'd like to get a reference to the IMG which uses the MAP which fired the event. However, MAP is in the BODY and IMG

问题 I would like to put an onclick event on an area element. Here is my setup: <img id="image" src="wheel.png" width="2795" height="2795" usemap="#Map" > <map name="Map"> <area class="blue" onclick="myFunction()" shape="poly" coords="2318,480,1510,1284" href="#"> </map> I have tried 2 different ways to have an onclick event. Firstly i tried this: $(".blue").click( function(event){ alert('test'); }); I have also tried this: function myFunction() { alert('test'); } Neither of the above work. Do

问题 So I am trying to create multiple image maps on a picture and then based on the image you are hovering over it will pull that specific information from a div that is below the picture and populate it next to the hovered over image. <div class="runner_div"> <img src="http://cooleycollective.com/test/slrc/wp-content/uploads/2013/01/Em_full.jpg" width="680" height="705" usemap="#runner_wear" /></a></p> <map name="runner_wear"> <area shape="poly" coords="264,18,237,33,243,72,276,83,328,79,311,29,

问题 I'm currently using this clickable map (Wolf's map) but I would like to use a second li list of countries in addition of the one that serves as a foundation for the script. The second menu cannot be in the same DIV as the map for presentation reasons. I've been searching through the JQuery documentation to understand how I can trigger an action on another element than the one selected but I'm not sure I've got it right - probably not as it is not working. The original script looks like this :

问题 I have a splashscreen that contains an image, and when you click it it closes, like: <Canvas MouseLeftButtonUp="Image_MouseLeftButtonUp"> <Canvas.Background> <ImageBrush ImageSource="pack://application:,,,/S3.ParametersUE.About;component/Resources/splash.jpg" /> </Canvas.Background> </Canvas> Now, in the image there's also some text like 'http://www.site.com' Is there a way in WPF to make this part clickable, so that when it's clicked, the web page opens in the browser; so basically the same

问题 I have an image-map like: <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> I use jQuery to append span to area but no chance to show any thing over area. Is there any way to show text over area, like tooltip, but

问题 Is it possible to calculate width and height for each poly area on image map using coords? I have an image and use image map with multiple different sized polys. I need to find center point each one. 回答1: To find the center point, you need to find the minimum and maximum X and Y coordinates of the polygon, and then take the midpoint of each to get the average center point. Here's a function that will do this for an array of imagemap areas. The function accepts an array rather than just one

问题 I have used an image map (shape circles). I wanted to draw on image map area (like visible circles or icon to identify them). Is there any solution? So far I have used a canvas as an overlay over image and draw on it. It worked but the problem is image is in div(container) and I have applied overflow hidden property on it so that when it is zoomed in or out it stays in container and other portion hidden. But with canvas I am not able to achieve it. When I applied canvas with position:absolute

问题 Let me preface this question with the fact that I am new to ASP.NET and web application development so there are many aspects and nuances I don't fully understand. Please forgive me if this is a relatively simple question. I've been tasked with creating some hotspots for a skeleton where the user will click the hands or feet, the image will zoom in (rather load a zoomed in image of a) skeleton hand or ankle. From there the user can click on the joints and a list is built based on what joints