Highlighted

Use two lightbox triggers on same location

Community Beginner ,
Feb 13, 2018

Copy link to clipboard

Copied

hello,

I am creating a website on muse which includes a 'work' page which will have all the work we've done. And it will be as thumbnails on the website, which will show the name of the project upon hover.

c+_work_e1.PNG

c+_work_e2.PNG
However, I need to make it in a way that when I click on it (after hover), a popup lightbox will appear containing images of the whole project. I've tried adding two triggers upon the same image but it only allows me to use the function of the trigger on the top. And hyperlinking wont work, as I do not want it to open another window on click.

Exactly.

Triggers and „State“ buttons are working this way.

If you place elements with different states into them, these states are activated simultaneously, when the mouse pointer hovers over the trigger/state button – no matter, if the single elements within are touched or not.

Views

101

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

Use two lightbox triggers on same location

Community Beginner ,
Feb 13, 2018

Copy link to clipboard

Copied

hello,

I am creating a website on muse which includes a 'work' page which will have all the work we've done. And it will be as thumbnails on the website, which will show the name of the project upon hover.

c+_work_e1.PNG

c+_work_e2.PNG
However, I need to make it in a way that when I click on it (after hover), a popup lightbox will appear containing images of the whole project. I've tried adding two triggers upon the same image but it only allows me to use the function of the trigger on the top. And hyperlinking wont work, as I do not want it to open another window on click.

Exactly.

Triggers and „State“ buttons are working this way.

If you place elements with different states into them, these states are activated simultaneously, when the mouse pointer hovers over the trigger/state button – no matter, if the single elements within are touched or not.

Views

102

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Feb 13, 2018 0
LEGEND ,
Feb 13, 2018

Copy link to clipboard

Copied

Hope, I understood correctly:

Have a close look at this .muse sample file and preview it in browser:

https://www.dropbox.com/s/fdlm9g9lrrbjmui/interactive-triggers.muse?dl=0

If you can’t find out, how it is made – please ask!

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Feb 13, 2018 2
Community Beginner ,
Feb 13, 2018

Copy link to clipboard

Copied

thank you, it helped a lot....
I had a look at the file and figured out how to do it.
To be clear, it's that instead of having an image and placing a trigger to a lightbox on top of it, you have added two images inside the trigger and changed the opacity of one image to 0 in the active state yes?

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Feb 13, 2018 0
LEGEND ,
Feb 13, 2018

Copy link to clipboard

Copied

Exactly.

Triggers and „State“ buttons are working this way.

If you place elements with different states into them, these states are activated simultaneously, when the mouse pointer hovers over the trigger/state button – no matter, if the single elements within are touched or not.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Feb 13, 2018 2