How to implement different clickable Area on an image-page through image map?

On mouseover event in gimp?

  • Hi! I would like to create a interactive clickable map in GIMP. So I add main map in it, go to filter, web, and image map. I add then rectangle on a hotspot, I also add link to that hot spot (that works), but when I come to Javascript tab, and on mousover event - I don't know what to add in that space line. So I would like when I pass with my mouse specific area, a new picture comes out. But what code should I write in that space under mousover event. Let say that this picture is named 001.jpg. It is located in c:\

  • Answer:

    EDIT > Sorry, just ignore my previous answer - I didn't read your question properly. You can't edit a .map file in GIMP - it's not an image file, it's just some html code. If you want to do this you will need to edit the html by hand, but it's not too hard. All you need is a text editor like notepad. Rather than explain it all here I made a tutorial about this, including how to add javascript to get the mouseover effect you are talking about. Download and extract the zip file here: http://dl.dropbox.com/u/36057148/GIMP%20Image%20Map%20Tutorial.zip - the tutorial is in the PDF, the example webpage with a working image map is in example/index.html Have fun!!

Slit at Yahoo! Answers Visit the source

Was this solution helpful to you?

Other answers

I found a free download of the latest version of Gimp here http://bit.ly/1wDsOMc The latest Gimp is better than ever. Its developers are taking the user experience into serious consideration and are speeding up development for this already great photo editor.

EDIT > Sorry, just ignore my previous answer - I didn't read your question properly. You can't edit a .map file in GIMP - it's not an image file, it's just some html code. If you want to do this you will need to edit the html by hand, but it's not too hard. All you need is a text editor like notepad. Rather than explain it all here I made a tutorial about this, including how to add javascript to get the mouseover effect you are talking about. Download and extract the zip file here: http://dl.dropbox.com/u/36057148/GIMP%20Image%20Map%20Tutorial.zip - the tutorial is in the PDF, the example webpage with a working image map is in example/index.html Have fun!!

B K

Find solution

For every problem there is a solution! Proved by Solucija.

  • Got an issue and looking for advice?

  • Ask Solucija to search every corner of the Web for help.

  • Get workable solutions and helpful tips in a moment.

Just ask Solucija about an issue you face and immediately get a list of ready solutions, answers and tips from other Internet users. We always provide the most suitable and complete answer to your question at the top, along with a few good alternatives below.