Проникновение в большой список изображений на единственной веб-странице - без базы данных
Я смотрю на создание веб-страницы, которая будет иметь список более чем 100 изображений среднего размера, и к сожалению у меня не будет доступа к базе данных.
Пользователь будет проникать в изображения и отображать приблизительно 8 (самое большее) за один раз.
Идея состоит в том, чтобы проникнуть в изображения с помощью классов jQuery и CSS, для показывания/скрытия и т.д., но даже если все изображения скрыты, они должны будут все еще быть загружены, после того как страница открыта.
Каков был бы лучший способ иметь дело с этим, таким образом, время загрузки страницы не будет смешно, своего рода Java, выбирающий с упреждением и т.д.? Я не уверен, если бы существует простое решение этого, но любые идеи ценились бы!
Спасибо.
2 ответа
Ай, звучит как кошмар.
Использование jQuery / CSS не очень-то ускорит работу с наивной реализацией show / hide, но вы должны быть в состоянии получить способ с использованием Ajax для загрузки наборов изображений на лету, когда пользователь нажимает кнопку фильтра.
Другим вариантом может быть использование XML с XSLT для работы в качестве своего рода имитации базы данных (это довольно ужасное решение, но спецификация тоже немного ужасна).
Я предлагаю следующее:
вы храните все свои изображения в файловой системе. поскольку чтение каждый раз из каталога очень тяжело, вы должны прочитать все пути к изображениям добавить их в какой-то список или словарь и хранить в кеше.
это первая часть спектакля. следующая часть страницы,
когда пользователь загрузит страницу, которую вы сериализуете, этот список из кеша в объект json на клиенте.
и оттуда все просто. у вас уже есть все пути к изображениям на клиенте
, теперь вы можете создать галерею jquery или загрузить ее. и каждый раз просто прочтите следующие 8 изображений из объекта json. создайте элемент img для каждого. вот и все. очень легкий, особенно для вашего сервера
:)