Показать сообщение отдельно
  #1 (permalink)  
Старый 30.11.2017, 22:37
Аватар для Some Way
Интересующийся
Отправить личное сообщение для Some Way Посмотреть профиль Найти все сообщения от Some Way
 
Регистрация: 30.11.2017
Сообщений: 17

jQuery range slider + carousel price
Здравствуйте !

Заранее прошу прощения, за свои познания, по этому и решил обратиться за помощью к вам.

Я, только начал изучение библиотеки а мне дали задание, весьма сложное для начинающего...
Нужно создать range slider с каруселью изображений товаров, и привязать ползунок к ценам, что бы в диапазоне от 50 до 500 при движение ползунка появлялись соответственные товары отсортированные в зависимости от выбранного диапазона цен.

Единственное что пока получилось так это сам ползунок
<script>

	jQuery(function(){

		jQuery("#range").ionRangeSlider({
			type: "double",
		    grid: true,
		    min: 0,
		    max: 500,
		    from: 200,
		    to: 300,
		    step: 100
		});
	});	

		
</script>

Понимаю, что можно сделать так, при выборе диапазона с текстом цены от 50 до 150, будут видны только элементы у которых цена соответствует этим значениям, но как это сделать, уже ломаю голову не первый день
Проблема именно в том, что я только начал изучать javascript и попросту знаю всего ничего.

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

Изображение собственно по ссылке.
http://joxi.ru/Q2KLba5f4e1qLA.jpg

Последний раз редактировалось Some Way, 01.12.2017 в 16:26.
Ответить с цитированием