[Solved] Can I hide the ground when mouse is over hover?

[littleonionbulb]

Hello,
I am trying to hide an image whenever the mouse hovers over a hover image.
This is my ground image: (pickydinner.png)


And this is my hover image: (pickyodinner.png)


Here is the code I am using:

Code: Select all

screen pickydinner:
             default a = False
             default b = False
             imagemap:
                ground "pickydinner.png"
                hover "pickyodinner.png" 
                selected_idle "pickyodinner.png" 
                hotspot (561, 113, 126, 94) hovered SetScreenVariable("a", True) unhovered SetScreenVariable("a", False) action [Return("Naesu"), SelectedIf(a) ] activate_sound "chosen.mp3" hover_sound "hover.mp3"
                hotspot (492, 158, 159, 167) hovered SetScreenVariable("a", True) unhovered SetScreenVariable("a", False) action [Return("Naesu"), SelectedIf(a) ] activate_sound "chosen.mp3" hover_sound "hover.mp3"
                hotspot (160, 164, 104, 209) hovered SetScreenVariable("b", True) unhovered SetScreenVariable("b", False) action [Return("Aules"), SelectedIf(b) ] activate_sound "chosen.mp3" hover_sound "hover.mp3"
                hotspot (171, 188, 168, 100) hovered SetScreenVariable("b", True) unhovered SetScreenVariable("b", False) action [Return("Aules"), SelectedIf(b) ] activate_sound "chosen.mp3" hover_sound "hover.mp3"

But when the mouse hovers over these hotspots, it looks like this.




I just want the pickydinner.png to be hidden, and I only want the pickyodinner.png to be shown when these hotspots are hovered.
Is this possible in any way?

In advance, i'm so very sorry for the bad explanation.

[xPerfectSuicide]

That's because the image has a transparent background, it would be better if instead of using imagemap you use imagebuttons, just like

Code: Select all

imagebutton auto ""pickydinner_%s.png" hovered SetScreenVariable("a", True) unhovered SetScreenVariable("a", False) action [Return("Naesu"), SelectedIf(a) ] activate_sound "chosen.mp3" hover_sound "hover.mp3"

Name the files this way pickydinner_idle and pickydinner_hover

[littleonionbulb]

Thank you so much, xPerfectSuicide!
I added a background to the "pickydinner_hover.png", and it works wonderfully

Also, I think the code you posted has an extra " after the imagebutton auto.

Code: Select all

imagebutton auto ""pickydinner_%s.png" hovered SetScreenVariable("a", True) unhovered SetScreenVariable("a", False) action [Return("Naesu"), SelectedIf(a) ] activate_sound "chosen.mp3" hover_sound "hover.mp3"

So instead, should the code be like this without the extra "

Code: Select all

imagebutton auto "pickydinner_%s.png" hovered SetScreenVariable("a", True) unhovered SetScreenVariable("a", False) action [Return("Naesu"), SelectedIf(a) ] activate_sound "chosen.mp3" hover_sound "hover.mp3"

[philat]

Since the issue is solved, this is simply to note: since the issue is transparency, I would image that you can solve it either by adding the background to the hover image (as you did) or by having the background image simply be the ground image with the transparent hotspot images for both idle and hover.