Area reveal/rollover on illustration ??? Please help

[remingt0n]

Hi everybody,

This is my first post, I am totally new to Adobe Muse so please be patient I have been searching all over the internet for an answer and I hope you can point me in the right direction. Here is the question:

How do I create something similar to this  Hearthstone Official Game Site  under the "Board overview" section. I want the user to highlight or reveal a portion of the image while hovering over certain elements of it (and as you can see the rest of the image darkens), and display a text box when the area is active.

Any help would be greatly appreciated, thank you in advance.

Cheers,

Remi

[Günter Heißenbüttel]

This is doable – especially, if you are  implementing a fixed width site. With a fluid width site, it will be necessary to use extended, Muse-extern javascript coding.

When you create a fixed width site, you will have to use different fixed width breakpoint to match different screen/device sizes.

But I warn you: As you say, that you are „totally new to Muse“, it will be quite a hard job! (I don’t understand, why beginners very often start with complicated layouts. (In a similar thread I asked: „If you don’t even have a driving license, do you take part in the Rally Paris – Dakar?")

Here you find a sample .muse file, which demonstrates, how  something like your sample page can be done:

https://www.dropbox.com/s/bn0or3dvzlhfo8f/Hearthstone-games.zip?dl=0

Be aware, that only the icons 2, 6 and 9 are active!

Only one hint:  This .muse file simply makes use of a composition widget. If you can’t find out, how it works, just ask. But if you have to ask, I think, you should stop creating such a page and have a very close look at these links:

https://helpx.adobe.com/support/muse.html

https://www.youtube.com/results?search_query=dani+beaumont

[remingt0n]

Excellent I think this is what I was looking for, thank you !