imagemap

问题 I need to make an image map using Swing that displays a background image, and then when the mouse hovers over (or clicks) specific hotspots, I need to pop up a 'zoomed-in' image and have it display. I was thinking of extending JPanel to include an image reference and have that drawn thru the paintComponent(g) method. This part I have done so far, and here's the code: public class ImagePanel extends JPanel { private static final long serialVersionUID = 1L; private Image image; public

问题 This will explain better what I want than my words: http://jquery-image-map.ssdtutorials.com/ Even though the tutorial is available but it is done using image overlays in photoshop. But I am highlighting my mapped image using a jquery plugin "jquery.maphilight.js". Using that I have a mapped Image and it highlights over the mapped portion if I mouse hover on image. How can I display a small picture and paragraph if a person hovers his mouse on a specific room (mapped portion). Here is the

问题 Currently I've an image mapped out like this <img src="Floor1.jpg" alt="Floor1" usemap="#Floor1"> <map id="Floor1" name="Floor1"> <area shape="rect" name="Seat1" title="Seat1" coords="535,311,133,555" href="#" target="" /> <area shape="rect" name="Seat2" title="Seat2" coords="121,211,111,555" href="#" target="" /> </map> And along with this a Jquery plugin called Image Mapster that allows me to hover over the area and display a tooltip. What I want to do now is to be able to add an extra

问题 I've searched all over and havent quite found the answer for my particular question. I have a simple jquery accordion and I want to be able to activate a particular section from an internal link. The link is coming from an image map so a viewer clicks on a region of the image and it activates that section of the accordion. Seems simple enough but I'm having a hell of a time with it. So for example I have so far: $(function() { $( "#myaccordion" ).accordion({ active: false, autoHeight: false,

问题 I have one image from which I have to have 7 different links based on the part of the image clicked. How do I go about it using rails? 回答1: For future reference, you're talking about "image maps" - there's various tutorials for these, eg http://www.onextrapixel.com/2009/04/30/how-to-create-multiple-links-on-a-single-image-with-image-map/ As far as i know this isn't really a rails question, as image maps are a totally front-end thing: like js, they only relate to the page as seen in the

问题 I've got an <input type='image'> in an ASP.NET MVC view, but I'm not sure how to retrieve the coordinates in the action that runs when the form is submitted. The requested URL looks like /Map/View/?map.x=156&map.y=196 but I can't just do public ActionResult View( int map.x, int map.y ) { ... } because they're obviously not valid names for C# method parameters. Is there any equivalent of the ActionName attribute to map query parameters to method parameters? 回答1: You have to use use Model

问题 I'm creating a wizard (really, a glorified survey) using jQuery Wizard Redux. I have several images (created in Illustrator) which I want the user to select from, which would act as their "submission" for each step of the wizard. e.g. this world map I made in Flash Catalyst. (sidenote: I want the wizard to be viewable on an ipad/iphone so I'm shying away from Flash at this point) Is it possible to create something similar using jQuery/Javascript? Some of the regions are quite complex - for

问题 I have this image map and I am trying for the way to make each selected area responsive... because when changing the size of the screen, the image adapts correctly, but the areas do not adapt to the new size of the image. here you can see the selected area in blue. BLUE AREA IS SELECTED HERE I CHANGE THE SIZE OF SCREEN BUT THE AREA DONT FOLLOW THE IMAGE <img class="img-fluid" src="https://image.ibb.co/jaFWgv/MENU.jpg" alt="" usemap="#Map" /> <map name="Map" id="Map"> <area class="img-fluid"

问题 Lets say that I've got the coordinates of two Rectangle s, they could be right next to each other or have space between them. I need to draw a PolygonHotSpot around the two rectangles (so it will only cover the two rectangles and the space between them). I've come to find that I have to give the coordinates a clockwise order around the entire polygon, rather than around each rectangle (which works fine for a single rectangle). So given a list of coordinates, is there a way to get them into

问题 Is there a way to create an imagemap on an image when the image is created in Javascript? So image is created this way: var img = new Image(); then set all properties. But how do I now create an imagemap on this image? Regards, Tony UPDATE Here's my code to create image: function createimg() { var img = new Image(); img.src='Image/URL'; img.alt='Next image'; img.id = 'span1'; img.style.zIndex = 10; img.style.position = 'absolute'; img.style.display='none'; img.style.top = '130px'; img.style