css - 如何更改图库中项目的颜色

Question

我试图找出在单击不同颜色按钮时如何让项目更改颜色。

类似于以下站点中的某些内容

http://www.imprintablefashion.com/cgi-bin/brand/site.w?location=olc/cobrand-product.w&category=3&prb=&srb=&mill=&shade=&color=&product=8398&frames=no&target=main&sponsor=004974&nocache= 77902

我正在使用 WordPress。如果有人能指出我正确的方向，那就太好了。任何

示例的想法将不胜感激。

Answer 1

你实际上需要有几个图像。每次按下项目/按钮时，您都会将图像占位符中的图像更改为HTML所需的图像。

// 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

然后你可以在你的函数中使用一些逻辑来选择你想要的图像。