We help IT Professionals succeed at work.
Get Started

Combining. positioning, and activating images

Peter Kroman
Peter Kroman asked
Last Modified: 2017-11-06

I have this image showing the 24 counties in Denmark.
The image is actually constructed (in GIMP) of a non-alpha layer per county combined to the total image including all 24 counties.

What I would like to do on my webpage is this:
1. Combine and position the individual layers (exported to  individual png files) in the html page, so that the first impression is that this is one image.
2. Make each individual image to an active link  where the image (no alpha) lights up in another color when hovering
3. Adding an actual link to each individual image (which should be the easy part, I believe :) )

I dont know if it is necessary to do this the way that I have described here, or if there is another - and maybe easier - way to do this.

Anyway, all ideas are very welcome.
Watch Question
Distinguished Expert 2017
This problem has been solved!
Unlock 1 Answer and 37 Comments.
See Answer
Why Experts Exchange?

Experts Exchange always has the answer, or at the least points me in the correct direction! It is like having another employee that is extremely experienced.

Jim Murphy
Programmer at Smart IT Solutions

When asked, what has been your best career decision?

Deciding to stick with EE.

Mohamed Asif
Technical Department Head

Being involved with EE helped me to grow personally and professionally.

Carl Webster
CTP, Sr Infrastructure Consultant
Ask ANY Question

Connect with Certified Experts to gain insight and support on specific technology challenges including:

  • Troubleshooting
  • Research
  • Professional Opinions
Did You Know?

We've partnered with two important charities to provide clean water and computer science education to those who need it most. READ MORE