Идея
Есть несколько картинок и комментарии к ним;
Нужно хранить это все как можно компактнее. Здесь предложен вариант хранения всего в одном HTML.
Нужно хранить: Javascript; CSS; Картинки.
Картинки преобразуются в формат base64 и записываются строками в HTML-файл. Как оно работает
Отдельно в папках лежат: Javascript; CSS; Картинки; HTML-файл со специальной дополнительной разметкой. HTML-файл для удобства разбит на 3 части (основная страница, элемент меню, элемент списка). Дополнительная разметка HTML представляет собой вставки вида {{вставка}}. Используя специальные именованные аргументы форматного вывода мы обходим HTML-файл и заменяем все вставки на необходимые строки. Аналогичным образом через подобные замены происходит подключение всех нужных файлов. Кроме того, во время компоновки выходного
файла происходит: преобразование графических файлов (в строковый формат data:URI base64); удаление избыточных символов ("[\s]+") из текстовых файлов. Можно сказать, что здесь мы сделали простую шаблонную систему. Реализация
На основании описанных выше файлов генерируются два варианта галереи с JavaScript и без него. Само по себе реализация представляет собой консольное приложение, и является скорее просто примером. C JavaScript (можно просматривать анимацию):
Без JavaScript:
Это реализация простой концепции файлов для Oricrafter.
Программа написана на C#, Visual Studio 2010.
Есть несколько картинок и комментарии к ним;
Нужно хранить это все как можно компактнее. Здесь предложен вариант хранения всего в одном HTML.
Нужно хранить: Javascript; CSS; Картинки.
Картинки преобразуются в формат base64 и записываются строками в HTML-файл. Как оно работает
Отдельно в папках лежат: Javascript; CSS; Картинки; HTML-файл со специальной дополнительной разметкой. HTML-файл для удобства разбит на 3 части (основная страница, элемент меню, элемент списка). Дополнительная разметка HTML представляет собой вставки вида {{вставка}}. Используя специальные именованные аргументы форматного вывода мы обходим HTML-файл и заменяем все вставки на необходимые строки. Аналогичным образом через подобные замены происходит подключение всех нужных файлов. Кроме того, во время компоновки выходного
файла происходит: преобразование графических файлов (в строковый формат data:URI base64); удаление избыточных символов ("[\s]+") из текстовых файлов. Можно сказать, что здесь мы сделали простую шаблонную систему. Реализация
На основании описанных выше файлов генерируются два варианта галереи с JavaScript и без него. Само по себе реализация представляет собой консольное приложение, и является скорее просто примером. C JavaScript (можно просматривать анимацию):
Без JavaScript:
Это реализация простой концепции файлов для Oricrafter.
Программа написана на C#, Visual Studio 2010.