Questions tagged [imagemap]
Image Map is a list of coordinates relating to a specific image, created in order to hyperlink areas of the image to various destinations. The intention of an image map is to provide an easy way of linking various parts of an image without dividing the image into separate image files.
imagemap
865
questions
1
vote
0
answers
31
views
How to apply border and change colour of border on ImageMap hotspots
I have rendered an image and provided hotspot with Image map defined. I've also added mouseover event listener to highlight the hotspot using focus().
My expectation is to have a border to be ...
- 758
0
votes
1
answer
23
views
clickable map not responding
Hi I am trying to make my first clickable map in a hmtl page, but for some reason the link does not work.
The image size is correct (500px 250px)
The coordinates are correct in relation to the image (...
0
votes
1
answer
24
views
How to make sure random images don't repeat in a row
I've been working on a script where when someone clicks on the image it will bring up a random image. For the purpose of explanation, I have a very basic example I put in codepen with some door ...
- 3
0
votes
0
answers
58
views
Image mapping, adding different buttons to image
I have a blue print png image of an area which is to be constructed, I want to add 4 different buttons/points/anchors anything so that when a user hovers upon them different information will be ...
- 107
0
votes
1
answer
35
views
Playing audio without going to new web page using html image map
I'm making an image map that uses game sound effects for each button on a picture of this
. However each time I press a image map location to play a sound effect, it always results in me going to ...
- 15
0
votes
0
answers
40
views
React render weather icons over a image based on local fetched data
Hi I'm new in React development and I'm developing a React app with a Nestjs back-end for my company. The app will be hosted on local servers with no internet access, front-end users have not internet ...
- 101
0
votes
0
answers
39
views
Typo3 11 & imagemaps without adding extensions
I've tried to add an imagemap to a typo3 11 site adding simple html code like:
<img src="/fileadmin/user_upload/mappa_web_resilienhnace.svg" usemap="#image-map">
<map ...
0
votes
0
answers
71
views
jump to a specific image in a gallery by clicking on an interactive image map - wordpress
I am trying to create on my WordPress website something similar to this:
Link, where you have an image map on the right and by clicking on a certain section of the image, the gallery on the left will ...
- 1
0
votes
0
answers
188
views
Interactive Image Maps and Closable Popups
I am trying to create an interactive image map with closable popups. I used the example from here
https://matemarschalko.medium.com/interactive-image-maps-and-closable-popups-with-html-and-css-only-...
- 577
0
votes
2
answers
200
views
Responsive image map not clickable - how to fix hyperlinks?
Very amateur, but trying to create a one-image newsletter through Mailchimp with several hyperlinks. Image should adjust responsively to fit displays and map should adjust along with it. Using ...
- 1
1
vote
1
answer
210
views
How to define some clickable areas on ImageView (like HTML image map)
Let's say I have an ImageView displaying a school map:
I want to define some clickable regions on the image (like HTML image map), something like this:
Point musicRoom = new Point(30,70);
Point ...
- 6,653
0
votes
1
answer
55
views
Trying to add html to my WordPress site, and it does NOTHING
I used Image Map Pro to map an image and add links. I used an HTML block (Gutenberg) to add the first snippet of code to my page. Furthermore, I used the WP Code plugin to add the second and third ...
1
vote
0
answers
38
views
Image Map not working as intended: Highlighted area get's darken effect, but shouldn't
I've been building a custom image map for our different light environments, where we display the different areas our light solutions can be used.
Under "Zielsetzungen" you can see the image ...
- 11
1
vote
0
answers
100
views
How can I make coordinates of a polygon responsive?
I return to the depths of imagemap surgery.
I'm an amateur working on a website with HTML, CSS, and JQuery. I have an imagemap that should scale responsively to the page size, but I am using polygons ...
- 11
1
vote
1
answer
53
views
links in svg tag not working when image and svg made to 100% in html
i have an image file, on which i want to add anchor tags to open modal, as this is specifically for mobile devices, when i created the anchor tag, it was working fine, now i have given 100% width to ...
- 99