Слайдер для меню на Javascript
Цена договорная
•
наличный расчёт, безналичный расчёт, электронные деньги
Требуется написать Javascript-компонент, который обеспечивал бы работу прокручивающегося меню типа того, что используется на сайте Apple Store (имеется в виду горизонтальное меню с пунктами "Shop iPhone", "iPhone 6" ... и стрелочкой вправо).
Мы набросали прототип, в котором даже кое-как работают стрелочки.
Мы не нашли готовых решений, которые в полной мере удовлетворяли бы наши требования. Тестили BxSlider, Owl Slider, lightSlider, Touch Carousel, Unslider, Slick и несколько других плагинов для jQuery. Большая часть из них не работает, когда width: auto;, другие глючат, когда "слайды" разной ширины, третьи слишком тяжелые для такой задачи (>20КБ после минификации).
Прочие требования:
Прочие требования к коду:
Оплата почасовая. По успешному выполнению этой задачи, вам будут предложены другие задачи подобного плана.
В заявке, пожалуйста, указывайте:
Имейл для связи dae@d43.me
Мы набросали прототип, в котором даже кое-как работают стрелочки.
Мы не нашли готовых решений, которые в полной мере удовлетворяли бы наши требования. Тестили BxSlider, Owl Slider, lightSlider, Touch Carousel, Unslider, Slick и несколько других плагинов для jQuery. Большая часть из них не работает, когда width: auto;, другие глючат, когда "слайды" разной ширины, третьи слишком тяжелые для такой задачи (>20КБ после минификации).
Прочие требования:
- Код должен быть готов к повторному использованию, поэтому его нужно оформить соответствующим образом - в виде плагина к jQuery, либо к какому-то UI-фреймворку — по договоренности с нами.
- Поддержка плавающей ширины (width: auto;) — см. прототип.
- Стрелочки должны работать как в указанном примере (Apple Store). В начальном состоянии левая стрелочка должна быть спрятана, в конечном — прячется правая.
- В отличие от слайдера Apple Store, наш слайдер должен также прокручиваться перетягиванием мышью (dragging), как в этом примере: http://www.owlcarousel.owlgraphic.com/index.html
-
Слайдер Owl Carousel и слайдер Apple Store поддерживают touch events, т.е. прокручиваются пальцем на планшетах и мобилах с тач-экраном. Для нас это очень важно. - Эффект движения по инерции, как у Apple Store или Owl Carousel.
- Анимацию реализовать с помощью CSS3 с Javascript fallback-ом (типа jQuery animate()).
- При загрузке, меню должно автоматически прокручиваться до активного пункта меню. Чтобы понять о чем речь, нажмите на сайте Apple Store, например, "iPhone for Education".
- Совместимость с IE8+, а также современными версиями браузеров Chrome, Firefox, Opera, iOS Safari.
Прочие требования к коду:
- Адекватные задаче размеры исходника.
- Использование каких-либо плагинов, фреймворков и т.п. приветствуется, но только по согласованию с нами.
- Вообще заимствовать куски кода из других плагинов, типа Owl Carousel — разрешается.
- Код должен быть опрятным и читабельным, стремящимся соответствовать одному из общеизвестных style guides, например, от Google или Airbnb.
- Код должен не ломаться после минификации.
Оплата почасовая. По успешному выполнению этой задачи, вам будут предложены другие задачи подобного плана.
В заявке, пожалуйста, указывайте:
- Вашу часовую ставку и примерную оценку трудозатрат.
- Ссылку на ваш GitHub/блог/примеры кода.
Имейл для связи dae@d43.me
В заказе есть исполнитель
При переводе заказа из архивного в актуальный, текущий исполнитель будет снят с задачи.
Выберите тип сделки
С безопасной сделкой вы всегда сможете вернуть средства, если что-то пойдет не так. С простой сделкой вы самостоятельно договариваетесь с исполнителем об оплате и берете на себя решение конфликтов.