JS-скрипт прокрутки кадров при наведении на изображение

Бюджет: по договоренности
Добрый день. 
Ищем опытного JS-программиста, который сможет реализовать скрипт прокрутки кадров при наведении на изображение-превью видео-ролика по следующему ТЗ: 

1) Кадры для прокрутки хранятся в виде одной картинки-спрайта формата |кадр1|кадр2|..|кадр N|. Точное количество кадров (N) в спрайте известно. Спрайт имеет всегда фиксированную высоту и ширину, равную фиксированной ширине * N. 

2) Картинки-превью, для которых необходима прокрутка кадров, могут иметь разную ширину и высоту, но всегда совпадают по пропорциям с пропорциями кадра в спрайте (4:3). Скрипт при выводе кадра должен вписывать кадр в размер картинки по ее ширине и высоте. Картинки выводятся с помощью тега IMG, соотвественно скрипт прокрутки должен взаимодействовать только с тегом IMG, без необходимости изменения разметки страницы , добавления дополнительных CSS-свойств и тд, либо же эти модификации должны выполняться непосредственно скриптом в момент его работы. Ключевое требование – это интеграция скрипта в существующие сайты без необходимости изменения их верстки.

3) Скрипт должен загружать спрайт с кадрами для картинки ТОЛЬКО 1 РАЗ! Это также ключевое требование, без которого работа не будет принята. Не должно быть постоянного обращения к картинке на сервер при прокрутке кадров (именно этот недостаток есть в текущей реализации скрипта которую предоставим при необходимости). 

4) Скрипт должен показывать анимацию ожидания 1 раз в начале работы, чтобы человек понимал что сейчас начнется прокрутка кадров. 

5) Скрипт должен определять обращения к сайту с мобильных устройств и устройств с тач-скрином, и при обращении с таких устройств на первом превью должна выводиться анимированная подсказка возможности прокрутки кадров свайпами по изображению : 
свайп вправо – прокрутка вперед, свайп влево – прокрутка назад. Пример сайта на котором это реализовано, также предоставим. 

6) В идеале скрипт должен быть реализован без применения дополнительных библиотек типа Jquery и тд. 

7) Скрипт должен корректно работать даже если у пользователя отключен кеш браузера. 

8) Задержка между показом кадров должна настраиваться в виде переменной  в скрипте. 

Оплата – по договоренности, только Webmoney с кодом протекции. Высылаем всю сумму сразу, код протекции сообщаем  после демонстрации работы скрипта на Вашем компьютере. Возможно  и интересно дальнейшее сотрудничество по подобным задачам.

Можно обращаться сразу в телеграм @ivan_228 с пометкой "JS-ротатор".
Опубликован 18.09.2017 в 18:39 Последнее изменение: 18.09.2017 в 18:50

Выберите способ верификации:

Обновите страницу после прохождения верификации.