How to change the color of a item in a gallery

March 13, 20233 Views

I’m trying to find out how to have a item change color when clicking different colors button.

Some thing like in the following site

I’m using WordPress. If anyone can point me to the right direction that would be great. Any

idea of examples would be greatly appreciated.

Post Views: 3

1 comment

Anonymous says:

March 13, 2023 at 8:47 am
You actually need to have several images. Each time you press on item/button, you will change the image in the image place holder in your HTML to the desired one.
```
// JS
function changeImg()
{ 
    // some logic like swicth to select the image
    document.getElememtById("image_cont").innerHTML = "<img src='" + some_image + "'/>";
}
// Html
<div id="image_cont"></div>
<button onclick="changeImg()">Change the Image</button>

// so on
```
Then you can use some logic in your function to select the image you desire.
Log in to Reply