Создание страницы с галереей с помощью jQuery

Question

Я помогаю клиенту создать сайт продукта, на одной из страниц отображается информация о продуктах, которые они продают. Одним из требований страницы подробностей продукта является наличие нескольких изображений продукта (с которыми я в порядке, реализация слайдера), однако изображения продукта также будут иметь разные цвета. В зависимости от цвета пользователь выбирает соответствующие изображения продукта. У меня возникают проблемы с реализацией опции выбора цвета.

Я использую BX-Slider (http://bxslider.com/) на другой странице, чтобы иметь возможность использовать один и тот же слайдер. Кто-нибудь дает мне какие-то указания?

Я включил дизайн страницы продукта здесь:

бы очень признателен за любую помощь !!

Answer 1

Я никогда не использовал bxslider, но это выглядит, как вы могли бы использовать это в свою пользу:

http://bxslider.com/examples/custom-next-prev-selectors

При создании пользовательского Prev/Next селекторов, то вы можете создать индекс, так что вы знайте, какой цвет в данный момент выбран в слайдере, а затем отобразите соответствующее изображение. С помощью пользовательских селекторов это будет сделано в функциях JQuery.click() двух пролетов (в примере).

$("#slider-next").click(...change image to index + 1...); 
$("#slider-prev").click(...change image to index - 1...);