Розробка HTML+JS слайдера сторінок електронного журналу

Для розробки HTML+CS+JS (або інших кросбраузерних рішень) горизонтальних слайдерів сторінок електронного журналу. Наприклад, можна подивитися на будь-який журнал на порталі ISSUU, але він використовує флеш, який не підходить для мене.

Журнал складається з jpg зображень 2048x1270px. Проліт через горизонтально, без ефекту повороту сторінки, просто переходить картина з правого наліво або назад. Флізування здійснюється як кнопками у вигляді стрілок зліва і праворуч від сторінки, так і за допомогою прокручування курсора миші з лівим затиском клавіші і аналогічно пальця на планшеті / смартфоні. Також в нижній частині необхідно бути приховане меню з маніатюрами всіх сторінок журналу, меню необхідно відкрити на 1/4 екрана знизу і всі відсутні палітри сторінок повинні прокручувати ліву і право на першу і останню сторінку, відповідно. Меню мініатюр відкривається з невеликою кнопкою внизу правою екрану, щоб відобразити його. Натисніть на будь-який палець зліва ключ або палець, прокрутіть сторінки журналу до вибраного.

Вся сторінка на будь-якому дисплеї повинна відповідати 100% повністю, якщо горизонтальний дисплей вузька або це планшет в портретному положенні, то сторінка повинна бути рівно посередині, а на верхній і нижній буде чорний фон, аналогічно, якщо дисплей широкий, то сторінка повинна бути посередині, а ліва і право буде чорним фоновим полями.

Будь-яка сторінка може підходити з одним кліком миші на певному відсоток або з двома пальцями на планшеті / смартфоні до певного заданого відсотка. Приблизний сторінка може бути переглянути його, перетягуючи його навколо екрана, зберігаючи ліву клавішу миші або пальця на планшеті / смартфоні. Коли ви закрили на іншу сторінку, підхід скидання.

На будь-яких сторінках можна розмістити div, p, a, ul-li block з вмістом у вигляді графічної або текстової посилання, слайдер зображень, вертикальний зміст слайдер в дівоблоці, js анімація і т.д. Як і на сторінці підходи, що вміст також повинен збільшити і зменшити пропорційно. На різних відображеннях вміст всередині сторінки не повинен переходити відносно зазначених координат на сторінці.

На правому верхньому куті слід розмістити іконку кнопка, щоб відкрити основне меню на правій стороні екрана, зверху всі видимі елементи на екрані. Головне меню повинно бути логотип, 3-6 одиниць меню, в нижній частині іконки соціальних медіа.

Завантаження зображень і сторінок при прокручуванні через журнал слід поступатися завчасно два, якщо я подивимося на сторінку No 3, наприклад, потім сторінку No 5 вже повинна бути завантажена. Планується загальний близько 150-200 сторінок.

Я спробував реалізувати себе, але я не встигнути зрозуміти всі тонкощі я. Приклад того, що я зупинився на 4 дні мого розвитку, можна побачити тут Текст приховано Йому слід використовувати бібліотечний молоток, але не вистачає знань, щоб відтворити його в призначеній формі. Мій листок заснований на idangerous.swiper-2.0.min.js і кіно-app.js

Багатоплатформність - популярні сучасні браузери для комп'ютерів, планшетів, смартфонів. Firefox Mozilla, Google Chrome, Safari, IE10+ без завантаження додаткових плагінів та ін. Наприклад, за допомогою флешки adobe.

Взаємодія з контентом повинна бути однаково добре реалізована як для мишки, так і для пародерів у разі планшетів і смартфонів.

Консультативна відповідність всім вимогам в описі проекту, готовим розглянути пропозиції щодо вдосконалення функціональності.