Рекомендации по управлению файлами массовой численности

Question

У меня есть клиент-фотограф, у которого на сайте более 10000 фотографий (jpegs). Находясь на сайте, просматривая фотографии, вы должны нажать КАЖДУЮ из них по отдельности и X из нее, когда закончите просмотр. Другими словами, нет лайтбокса, позволяющего просматривать фотографии.

Я ищу метод или рекомендацию о том, как «отбросить» / перенести / преобразовать существующие файлы jpeg в среду лайтбокса без необходимости вручную вводить каждый файл и помещать его в структуру html.

Здесь - пример одной из его страниц. Вы увидите все фотографии, отображаемые в виде миниатюр. Нажмите один и он откроется в лайтбоксе. Я был бы открыт, чтобы иметь возможность добавить функцию прокрутки в существующий световой короб, если это возможно

Заранее спасибо.

Answer 1

Моя рекомендация: присвойте всем файлам пакетное имя по какому-либо шаблону, например «Pic1, Pic2, Pic3» - то, что может быть принято программно. Используйте свой серверный язык (если вы его используете), чтобы получить первые 15 или около того картинок и отправить их обратно. Затем jQuery может использовать первые 15 или около того в лайтбоксе или что-то еще, а когда вы пройдете первые 15, сделайте Ajax-вызов для вызова следующих 15 и т. д.

Answer 2

Вы можете включить лайтбокс, например prettyphoto , и использовать селекторы jquery для нацеливания ссылок на изображения. И, как сказал tskuzzy, если вы хотите иметь возможность циклически просматривать их из лайтбокса, вам придется выполнить поиск и заменить, чтобы добавить атрибут rel.

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

Answer 3

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

РЕДАКТИРОВАТЬ:

Предположим, что ваш текущий код представляет собой нечто вроде:

<ul>
    <li><a class="showimage" href="pic1.jpg"><img src="pic1thumb.jpg" /></a></li>
    <li><a class="showimage" href="pic2.jpg"><img src="pic2thumb.jpg" /></a></li>
</ul>

Чтобы поместить его в среду лайтбокса, вам нужно, чтобы он был в следующем формате:

<ul>
    <li><a rel="lightbox" href="pic1.jpg"><img src="pic1thumb.jpg" /></a></li>
    <li><a rel="lightbox" href="pic1.jpg"><img src="pic1thumb.jpg" /></a></li>
</ul>

Тогда вам нужно будет найти:

class="showimage"

и замените его на

rel="lightbox"

Надеюсь, это объясняет это.Вам нужно будет опубликовать фрагмент вашего текущего кода / html, если вы хотите получить более конкретный ответ с учетом ваших потребностей.

Answer 4

похоже, ваш друг создал свой собственный статический html-сайт для своего портфолио. Я хотел бы предложить, если ваш друг не может позволить себе собственный динамический веб-сайт (PHP, asp.net, jsp), он должен подписаться на любой блог-сайт, на котором уже есть эти инструменты управления.