Как начать с HTML5 (или хотя бы "на основе браузера") E-Reader

Question

Мне нужно разработать электронный E-Reader для газет. Я искал в Интернете хорошие уроки, но не нашел того, что искал. Я уже уменьшил свои (и все остальные) ожидания, чтобы начать с хорошей точки входа: Все, что я хочу (сначала), это средство просмотра изображений, показывающее все изображения / страницы новостей в виде больших пальцев и выбранную страницу в большом представлении. Навигация должна быть возможна с помощью больших пальцев и кнопок «следующий / предыдущий». Дайте идею, я приложил эскиз ниже.

Лучшей вещью, которую я нашел, был HTML5-образец Apple «Фотогалерея» , который, к сожалению, работает только с браузерами webkit.

Есть идеи для хорошего примера кода / учебные пособия, чтобы начать с?

Answer 1

Если это будет код, который вы будете поддерживать позже, то на вашем месте я написал бы свой собственный.

Я выполнил эту задачу раньше, но не могу поделиться, так как это личное.

Обратите внимание на следующие вопросы, вы, вероятно, встретите

1. изображение на холсте

2. увеличение / уменьшение масштаба на холсте

3. предварительная загрузка изображений / страниц / ресурсов для повышения производительности, ноне злоупотреблять памятью

4. удалять старые узлы после того, как они не используются

5. , если одним из целевых браузеров является IE - обратите на это дополнительное вниманиепотому что это может превратиться в ад.В IE6 по умолчанию используется интерполяция в ближнем соседстве - текст становится нечитаемым.

Возможно, он не отвечает на ваш вопрос напрямую, но, вероятно, дает представление о низкоуровневой задаче.

Answer 2

Посетите http://www.ted.com/talks/mike_matas.html для некоторых хороших идей

Answer 3

Вы можете найти множество примеров "слайд-шоу" и "фотогалереи", чтобы включить их в свой собственный дизайн.Просто Google для css image gallery slideshow, и вы найдете тот, который соответствует вашим потребностям.

Хороший пример для фотогалереи http://flash -gallery.com / art-flash-gallery /

И если вы используете http://www.shadowbox -js.com / , вы можете пролистывать коллекцию веб-страниц, а не только изображения.

Answer 4

Это должно быть относительно просто, почти любой онлайн-учебник по слайд-шоу jQuery / Javascript может быть адаптирован для работы так, как вам нужно.Будут ли ваши страницы для чтения электронных книг текстом / изображениями или просто изображениями?