Use Two Combined Buttons to Show Image

Hi guys,
Recently I saw a topic about: using two buttons to show an element. I thought it would be helpful if I share a solution to solve this type of projects with you guys.

So here is shared link to my solution, you can remix or test it as you wish. hope it helps:

Here you have some brief description and screenshots:


User should select two buttons to cahnge the image

When user click on one button, it’s change style and color. it’s disable other buttons which are in the same row

When two buttons selected, little loading animation, apear before actual image shows up

User can combine different combinations, such as A1, A2, A3, B1, B2, B3, C1, C2, C3 which will give you different results.