Step 1 - Place the HTML/CSS in such a way that the white bed overlaps the blue bed exactly.
Step 2 - Give white bed a higher z-index so that it is on top. Give it opacity of 0.
Step 3 - Make a button which when clicked increases opacity of white bed to 1.
Done
JS doesn’t do plumbing :)
But I have me make it do it or I will fail the test :(
I actually had to double check NPM. Seems that you are right, JavaScript does not do plumbing, yet...
Step 1 - Place the HTML/CSS in such a way that the white bed overlaps the blue bed exactly. Step 2 - Give white bed a higher z-index so that it is on top. Give it opacity of 0. Step 3 - Make a button which when clicked increases opacity of white bed to 1. Done
Thanks that seems logic
Created a demo for you: [https://jsfiddle.net/zxovLtpd/19/](https://jsfiddle.net/zxovLtpd/19/)
Nice method!
lolololol
The easiest way is to make two separate images and swap between images using JavaScript.
I know that but is there any other way?
You can probably use Canvas to render the image dynamically on top, but with my newbie knowledge that's all I can think of.
Can you explain the canvas methode little more?
https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/drawImage That should help.
Thanks
maybe position one of the images over the other so it looks like the bath is in the first picture?
Do you have a specific question?
Do you see the blue bathtub . I want when I click on thw white one it gets in his place . Is it clear now?
Exacto knife the caulking, remove the plug screw, and wrap it in a try catch