Категории заданий

Нужен слайдер-карусель БЕЗ jQuery

Максим Скворцов Исполнитель: Максим Скворцов 
Оценка: +1
Отзыв: Шикарно. Рекомендую всем
Стоимость: 600
Категория: Помощь по сайту
Время выполнения: 1 день
Поиск кандидата: 0 сек


Подробное описание:

Нужен javascript для смены изображений на сайте. Требования: - отсутствие jQuery, скрипт должен быть чистым js+css3; - смена изображений проводится -- автоматически до первого взаимодействия с областью изображения и последующей активацией по истечении например 5 сек; -- мышкой mousedown на область стрелок < или >; -- мышкой mousemove сдвигом изображения влево-вправо; -- touchable управляемый на смартфоне; -- также touchestart на область стрелок; -- и сдвигом влево-вправо touchemove; Алгоритм: -крутятся по кругу картинки: картинка1,6сек пауза смена со сдвигом влево за 0,4сек и т.д. -взаимодействие с картинкой (mousedown touchestart) пауза на текущем слайде -сдвиг (mousemove touchemove) - изображение вместе с последующим перемещается влево-вправо (неплохой пример здесь http://test2.beautymed.ru/slide2.html) - отпускаем (mouseup touchend): -- при сдвиге менее 15% - откат (анимация) обратно к текущей картинке за 0.2сек -- при сдвиге более 15% - переход на следующую-вправо или предыдущую-влево картинку -более 5 сек после отпускания - стартует карусель. Условная адаптивность: - монитор рабочая область макс 960рх, сами изображения ширина 600рх, высота 450 рх; т.е. изображение в центре, управляющие стрелки по сторонам: - media <645px, изображение на всю ширину контейнера (не более 600рх), управляющие стрелки внутри изображения. - похожий пример http://test2.beautymed.ru/slide.html; -- но нет карусели - есть откат назад -- нужна настройка по количеству изображений (планируется 5 шт) -- желательно упростить html код, отказаться от label; например div container и в нем div slide1...5 с нужными bgimage или img. ---желательно комментарии (для меня, забывающего ставить;)

Рассказать друзьям

Подпишитесь на полезные статьи

Примеры заданий и практические советы по аутсорсингу задач

   



На дайджест уже подписалось 555214 читателей!

Присоединяйтесь к нам в соцсетях!