Анимированный слайдер шкалы профессионального роста на страницах докторов «Первой профессорской стоматологической клиники»

Особенности задачи:

  • шкала в виде множества пар «дата» — «описание»;
  • неограниченное количество меток шкалы;
  • перемещение по шкале кликом на неактивные метки или на стрелки;
  • сайт «тянется», поэтому слайдер должен адаптироваться к изменениям размера окна браузера.

Для себя я поставил ещё одну цель: добавлять новые метки в шкалу должно быть просто.

В готовом скрипте исходные данные для шкалы представлены в виде обычного списка определений. Cкрипт преобразовывает этот список и добавляет необходимую разметку, чтобы построить анимированную шкалу.

Работающий слайдер можно посмотреть на одной из страниц докторов клиники.

В будущем хотелось бы доработать слайдер до полноценного jQuery-плагина.