Нужен слайдер-карусель, работающий на jquery 1.12.4
Слайдер представляет собой длинный прямоугольник cо слайдами (превьюшками картинок) внутри (см приложение к заказу)
Требования:
- возможность задать ширину слайдера и высоту, кол-во слайдов внутри подбирается автоматически исходя из ширины
- каждый слайд имеет фиксированную ширину – должно задаваться в верстке или при инициализации слайдера – как удобнее
- слайд сбоку не должен быть обрезан – только целое число слайдов в слайдере
- каждый слайд имеет свой номер, 1, 2, 3 – задается в верстке, пропусков в номерах быть не может
- активный слайд (тот, по которому совершен щелчок) всегда посередине после щелчка
- Должен быть метод выбора активного слайдера по номеру (что-то типа $(«newslider»).setActiveSlide(30) )
- неактивные слайды должны менее яркие, чем активный
- под слайдом должна быть подпись, задается в верстке
- по щелчку по слайду должна запускать функция, аргументом которой должен быть номер слайда (и активный слайд должен стать посередине, выделенный цветом – cм выше)
- в задании есть примерный вид того, что нужно – но еще нужны подписи к слайдам
Примерный html-скелет, можно поменять как угодно:
<div class='newslider'>
<ul>
<li data-idslide='1' class=''><a href=''><img src='/img/slide1.jpg'><span>Подпись к слайдеру 1</span></a>
<li data-idslide='2' class='activeslide'><a href=''><img src='/img/slide2.jpg'><span>Подпись к слайдеру 2</span></a>
<li data-idslide='3' class=''><a href=''><img src='/img/slide3.jpg'><span>Подпись к слайдеру 3</span></a>
<li data-idslide='4' class=''><a href=''><img src='/img/slide4.jpg'><span>Подпись к слайдеру 3</span></a>
</ul>
</div>
Пожалуйста, напишите время в днях на работу и точную сумму, за которую готовы взяться