Как добавить CSS для каждого шага слайдера JQuery?

Question

Я хочу добавить другой цвет фона к различным шагам слайдера jquery. Есть ли способ, которым я могу это сделать? Я пытаюсь построить слайдер, похожий на этот .. subaru Здесь это делается с помощью вспышки. Я пытаюсь сделать то же самое в jquery. Любая помощь будет оценена. Я не эксперт в jquery.

Answer 1

Это можно сделать, установив фоновое изображение ваших цветов в класс ui-slider-horizontal.

.ui-slider-horizontal
{
    background-image: url('slider_bg.png') 50% 50% repeat-x;
}

изображение будет горизонтальным смещением, равным ширине и высоте слайдера,а также будет иметь одинаковое количество сегментов для каждого слайда.

Пример использования фонового изображения вы можете проверить на сайте jQuery: http://jqueryui.com/demos/slider/#multiple-vertical