Ростислав Сергеевич: для этого в админке или где у него там добавляются картинки в слайдер, нужно предусмотреть такое поле. Плюс такое поле нужно предусмотреть в БД. Даже если слайды добавляются прямо в HTML, то все равно, нужно помнить об этом и не забывать добавлять соответствующий класс. И вообще, взваливать на человека, добавляющего слайды, лишнюю работу, как то так себе. Да, в качестве одного из вариантов годится, но я бы не стал так делать. ИМХО.
danyfir: не понял. Что есть условия и стилистика? Если слайдер всегда будет с одними и теми же изображениями, ну или будет меняться очень редко, то тут все просто, да.
Если вы знаете изначально какие слайды темные и светлые, то ответ Ростислав Сергеевич вам подойдет. Если же изображения меняются динамически, то нужно заюзать какую-нить либу для работы с изображениями либо canvas.
Влад: код, который я написал, это скорее псевдокод, просто чтобы показать примерно как надо делать, неудивительно, что он не работает у вас. Я ведь не знаю, на какой урл отправлять данные, чтобы получить расчет. Я теперь даже не уверен, если у вас на стороне сервера такой урл. Почитайте для начала https://habrahabr.ru/post/42426/.
Влад: чтобы расчет ввелся на серваке и подгружался по мере ввода, то надо делать как-то так:
$('.distance').on('input', function(e) {
var distance = +e.target.value
$.get(url, distance, function(data) {
// Тут у нас в data будет уже рассчитанная стоимость, которую нужно вывести на странице
})
});
Не, не циклом. Массив просто как хранилище условий расчета. Ключи массива - это дистанция, а значения - это множитель. Ищите введенную дистанцию в массиве, получаете множитель, перемножаете и выводите.