Задача
Необходимо сделать листалку:
1.Книгу состоящая из страниц и обложек с анимацией как на сайте
www.20thingsilearned.com/... Размеры книги (самой обложки и самих внутренних страниц) делать согласно psd представленного заказчиком
2.Для примера в листалку загрузить контент в десять внутренних страниц листалки и продемонстрировать работу листалки
В итоге получится у вас обложка (первая и последняя) внутренние части обложки и 10 внутренних страниц + страница-попап "содержание"
исходники psd есть
3.Дополнительно анимировать иконки:
3.1.Иконка масштаб (два варианта)
3.2.Иконка печать
3.3.Иконка скачать (два варианта)
3.4.Иконка соцсетей и ссылка
3.5.Иконка день ночь
3.6.Иконка переключение страниц
3.7.Икона запускающая страницу попап "содержания"
3.8.Иконки с превью под книгой
3.9.Иконка влево и вправо
3.10.Иконка флаг и соцсети и песать в флаге
3.11.Иконка закладка (два варианта) плюс кнопки в одной из иконок
3.12.Иконки в странице-попапе "содержания", добавить иконку в нижнюю панель
4.Сделать переключение-переход на нужные страницы
Переключение (переход на страницы с одной на другую) с помощью:
4.1.Стрелок влево и вправо (в том числе вывод посдказок как на сайте донора)
4.2.С помощью нижней панели превью (анимацию сделать иконок в этой панели в точь в точь как на сайте донора)
4.3.С помощью страницы (попапа) содержания по примеру как на сайте донора
4.4.С помощью панели вкладок в самом верху страницы эту часть вы пока не делаете!
4.5.С помощью панели с попапом перейти в верху книги
описание по п3 и 4 по ссылке:
yadi.sk/i/amOeVksx3Rumo8 Обязательные требования
по пункту 1 ОБЯЗАТЕЛЬНО сделать с использованием canvas чтобы в итоге получилось в точь в точь как на сайте
www.20thingsilearned.com/... Возможность потом подключить к книге ещ около 20 страниц