Animated visual display of prices and current discounts. When buying a promotional product, a coin is animatedly dropped into a glass corresponding to the given product. Upon reaching the top of the glass, the specified discount is triggered. Similarly, a glass with "super-discount" operates, but the number of coins in the glass corresponds to the current discount of this product. Also, the demonstration of commercials ad at specified intervals is realized.
Animation is implemented through css and sprites.
The application learns how the server polls about changing the current statuses via XHR at specified intervals.
Анимированное визуальное отображение цен и текущей скидки. При совершение покупки акционного товара, в стакан, соответствующий данному товару, анимированно падает монета. По достижению верхней границы стакана, срабатывает указанная скидка. Аналогично действует стакан с "суперакцией", но количество монет в стакане соответствует текущей скидке данного товара. Также реализвана демонстрация рекламных роликов по заданным интервалам.
Анимация реализовона через css и спрайты. Приложение узнает о изменение текущего статуса через интервальные запросы к серверу ajax'ом.
- Language: JavaScript (ES5, jQuery)
- Css-preprocessor: Less
- Build: gulp