Как изменить цвет элемента в галерее

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

Вам действительно нужно иметь несколько изображений. Каждый раз, когда вы нажимаете кнопку item /, вы меняете изображение в держателе изображения в своем 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 

Затем вы можете использовать некоторую логику в своей функции, чтобы выбрать желаемое изображение.