Imagemap Difficulty Due to Unusual buttons/hotspots [solved]

[quiltedcorgi]

I'm working on my first GUI for which I'm currently on the programming stage, but I'm wondering if I didn't bit off more than I can chew. Right now, I have two main questions.

The first:
As stated, I am doing this as an imagemap. I have a ground image and a hover image. I would also like to make use of an image for when something is clicked on. Is this what selected_hover or selected_idle would be (ie. selected_hover "ui/menus/mainmenu/mm_click.png")? From everything I've read, it seems like clicking on something is actually prompting action - not just selecting. Or would I put this under hotspot (coordinates) action and then insert the file name?

imagemap:

ground "ui/menus/mainmenu/mm_ground.png"
hover "ui/menus/mainmenu/mm_hover.png"
alpha False
cache False

hotspot (1,34,166,87) action Start() at buttonfade
hotspot (1,182,166,86) action ShowMenu('load') at buttonfade
hotspot (1,330,166,87) action ShowMenu('Extras') at buttonfade
hotspot (1,481,166,88) action ShowMenu("Settings") at buttonfade
hotspot (656,460,110,116) action Quit(confirm=False) at buttonfade

This is what I would LIKE it to do:

GROUND

HOVER (draws the bone out and the paw print enlarges)

CLICKED ON/SELECTED


Second Question:
I'm having difficulty getting the imagemap hotspots to move correctly from ground to hover due to the unusual dog bone shapes. I don't want the image to move to hover if the player's cursor is not over the correct spots; however, if I make the area coordinates smaller than the complete, it only shifts a small section and the effect is ruined. Is there a way to get a more specific area/unusual shape?

[philat]

Use imagebuttons instead of imagemap. viewtopic.php?f=51&t=22565

[OokamiKasumi]

The key to the problem as an ImageMap is to use the Largest image of all three (Hover, Selected, Idle...) for your coordinates. The HOVER image is clearly the largest, so use the HOVER image when you record your X, Y, etc... coordinates for your hotspots.

Also!
-- Put enough SPACE above and below to cut a clean line between your imagemap images, or they'll cut each other off.
-- Make your current GROUND image the IDLE image, and use a BLANK (transparent) image for the Ground. You can also use the main background image for the Ground.

[quiltedcorgi]

Thank you both. It seems that solved that particular issue (I think). I spent yesterday redoing what I had making everything into an imagebutton, as per the GUI sample. Then, switching everything I was using as ground to idle really helped. Unfortunately, I now have a bunch of other errors to deal with, so I'm unable to see how much a difference it made, lol.