ИдеяЕсть несколько картинок и комментарии к ним;
Нужно хранить это все как можно компактнее.
Здесь предложен вариант хранения всего в одном 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.