2010-10-21 1 views
0

Итак, я создал небольшую галерею, используя несколько плагинов и некоторый код. Это для нескольких портфолио веб-сайтов. Пока у меня есть миниатюры в UL слева, а большее изображение справа. У меня есть некоторые эффекты зависания на миниатюрах, и onClick они fadeOut большее изображение, swap SRC, загрузка, а затем fadeIn снова. Это здорово. :)Простая галерея jQuery и сортировка: один последний недостающий элемент

У меня также есть вход для администратора, который позволяет обрезать миниатюры, загружать новые фотографии и удалять существующие. Миниатюры автоматически генерируются с использованием некоторых PHP и readdir для повторения LI.

Итак, вот сценарий, теперь вот моя проблема: у меня есть подключаемый модуль .sortable() jQuery UI, применяемый к моему миниатюре UL, и я могу их перетащить, но я не могу понять, жизнь меня, что было бы хорошим способом захватить новое расположение миниатюр и, что еще важнее, сохранить это! Это не предпочтение пользователя, это административный элемент управления, поэтому файлы cookie для каждого пользователя не будут работать, я бы хотел, чтобы он фактически редактировал отображение сайта.

Должен ли я иметь некоторый PHP, который переводит список каталогов в массив и переупорядочивает его в каком-то специальном порядке? Должен ли я написать некоторый PHP для изменения имени изображения, чтобы PHP мог автоматически сортировать его при загрузке следующей страницы? База данных MYSQL для порядка сортировки? Я действительно не знаю, как это должно быть сделано! Идеи?

Заранее благодарим за любой совет! Я знаю многих других, есть то же самое!

+0

Если это административный элемент управления, я должен запустить функцию PHP с помощью AJAX, которая сохраняет новый порядок фотографий после каждого их перемещения (сохраняется в БД или изменяет исходный HTML-файл). –

+0

Да, это было бы сохранено в БД, потому что для этих больших пальцев нет жестко закодированного HTML, он генерируется readdir PHP, который моделирует массив на основе содержимого каталога, а затем переводит его в LI. – Benji

+0

Тем не менее, я все еще не имею ни малейшего понятия, как я мог бы определить изменение в порядке, сделанное .sortable() и передать его в БД .... – Benji

ответ

0

Я бы использовал метод jQuery.ajax() для передачи имен файлов и порядка сортировки в файл PHP, который обновляет таблицу в MySQL. Все, что вам нужно в таблице, это два столбца: один для имени файла и один для порядка сортировки.

+0

Oui oui, вот что я думал. Я просто не знал, имеет ли это смысл. Как и в случае, если уже существует известный способ сортировки этих типов вещей, используемых галереями изображений. Но, полагаю, это будет таблица MySQL! И, с удивительностью AJAX и благословениями jQuery, у меня могла быть одна удивительно простая в использовании галерея. Woo! – Benji

+0

Бенджи, (из другого Бена), только что получил здесь, думает, если вы переедете, скажите № 5 по № 3, как смириться с цифрами. Ваш обратный вызов скажет вам, что новая позиция № 3, но теперь у вас осталось отверстие в # 5, оригинал №3, который нужно изменить на # 4 и т. Д. Поэтому, возможно, лучше всего обновить заказы всех значений с помощью метод toArray. – bpeterson76

+0

Мне интересно, можно ли прочитать порядок LI в DOM и создать массив с этим. Нумерация их по мере их появления в .sortable() отсортированной DOM. Это позаботится обо всех проблемах .. Интересно, как .. – Benji