Questions tagged [maphilight]

36 questions
1
vote
0 answers

ASP.NET C# ImageMap with maphilight

Currently I'm trying to implement an overview of the human body where the user can click on multiple regions and add them to a list - this all works fine. Now I want to use David Lynchs jQuery-plugin "maphilight" to visually make the hotspots…
Max Kirsch
  • 441
  • 5
  • 24
1
vote
0 answers

Text when hovering in maphighlight.js

There is a script for highlighting the area maphighlight.js. In general, everything works, but i need to somehow do it so that when you hover, the text also appears. Unfortunately, the image is not in svg. Help, plz, solve the problem! Thank you…
ZHMEN
  • 63
  • 2
  • 8
1
vote
1 answer

How to configure angular-maphilight

I'm working with angular 1.5 if I'm not mistaken and I'm trying to highlight image's area map. I found angular-maphilight http://abdallamohamed.github.io/Angular-Maphilight/#/ but after the two first steps when I launch my project I receive …
Antoine
  • 35
  • 7
1
vote
2 answers

jQuery Maphilight. Toggle alwaysOn before highlighting new one

Toggling off selected areas when hovering on new areas or selecting a new area. I am using jQuery Maphilight to hilight selected areas on a map. I have successfully added a click state, so the area of the map remains hilighted when a user clicks it.…
EHerman
  • 1,852
  • 7
  • 32
  • 52
1
vote
2 answers

Mapped image onClick event plus maphilight hover

Above is a sample image with 4 mapped regions. Here is what I am trying to do: If mouse is hovered on any mapped region, only that region should change color If mouse is clicked on any mapped region, an entirely new image should replace Image…
wervdon
  • 557
  • 2
  • 13
  • 24
1
vote
5 answers

Maphilight - Need it to Deactivate Highlight On New Mouse Click

I'm using Maphilight by David Lynch and as far as getting it to highlight on mouseover, that works great. What I'm having problems with and that there doesn't seem to be any examples on is when clicking an area, having the area A. highlight and…
jbrown574
  • 99
  • 1
  • 3
  • 10
0
votes
0 answers

Using maphilight with dynamic images and gridview

I'm trying to use maphilight in my ASP.NET C# page to allow you to hover over a cell in a gridview control and highlight an area (hotspot) in an illustration below, similar to how it's done in the maphilight feature demo (see "Mouse over this to…
Brig Cook
  • 21
  • 5
0
votes
1 answer

Can I use maphilight plug in to highlight areas with same class on two different maps?

If I have two different maps (for different images) displayed side by side, can I use maphilight to highlight area from each map with the same class? I'm looking for something similar to how groupBy works on one map.
Anam
  • 56
  • 1
  • 6
0
votes
2 answers

Can't bind to 'config' since it isn't a known property of 'maphilight' error in angular 8

I'm using angular 8 and i want to use maphilight to pick a pre defined part in image map like (nose, eye, ... ) : I have installed maphilight using this command >>> npm i ng-maphilight --save In my app.module.ts, I have added MaphilightModule…
Kamilia
  • 195
  • 1
  • 2
  • 13
0
votes
1 answer

Change colour of map area on click

I have a map code on an image of the human body and areas are used for each individual body part. I have the following JS code... // Display body map. $('#human-body').maphilight(); var colourCounter = 0 if (colourCounter = 0) { $('map…
Harry
  • 13
  • 4
0
votes
0 answers

Want to show a rectangle on image hover (on image) using maphighlight.js

I'm using maphighlight in order to show a rectangle on image hover. However, this feature is working for single image. I'm using image slider for multiple images. The above feature is not working when using slider. the following is my html…
0
votes
1 answer

why maphilight library is not working with image maps and handlebar.js

Here is my fiddle. https://jsfiddle.net/vsjtfhkk/ $(function() { $('img[usemap]').maphilight() }); // Define our data object var context = { "url": "http://1jpg-site.orionhub.org:8000/1.jpg", "class": "img-responsive center-block map", …
0
votes
1 answer

HTML JQuery Maphilight not hilighting - don't know why

On my page http://www.veniria.esy.es/#veniria i have an image map with JQuery maphilight plugin. It was working totally fine, until I have added main page to the site. Now it's not working at all, like JQuery is not detecting mouseover, because this…
0
votes
1 answer

using maphilight, imagemap areas should cover absolutely positioned images

For a to-be-developed page I am trying to combine jQuery/jQueryUI functions and plugins ("draggable" and "maphighlight") with image maps and CSS-animated scaling triggered by adding and removing a class via jQuery on click: It's too much to put in…
Johannes
  • 64,305
  • 18
  • 73
  • 130
0
votes
1 answer

jQuery maphilight not working

What am I missing? I am using the David Lynch maphilight plug in and have been comparing my code to this page to troubleshoot, yet after two days, I am still having an issue. The colors won't show when I hover over (or even click) on any part of…
Darw1n34
  • 312
  • 7
  • 24