Генерация галереи динамических изображений с использованием PHP и jQuery

У меня есть идея в голове, что-то, что я хочу создать, но я не уверен в лучшем подходе. Я хотел бы передать эту идею и получить некоторые мнения по разумному пути, чтобы идти об этом, прежде чем я нырнул головой в неправильном направлении!

У меня есть веб-сайт для фотографии, который отображает несколько портфолио для нескольких разных фотографов. У этого есть миниатюры и большие изображения, и они организованы в li в ul .

Идея:

Я хотел бы иметь логин, требующий только пароля, который приведет вас к странице, позволяющей загружать, переименовывать или удалять файлы в указанном каталоге. Каталог будет определяться выбором в выпадающем меню.

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

Страница галереи автоматически создаст одну галерею для каждой папки в указанном каталоге. Каждая папка содержит изображения и папку большого пальца.

Я думаю:

Я думаю, PHP или Perl скрипт для загрузки и обработки изображений, и, возможно, используя сценарий там для загрузки и обработки файлов AJAX, но я хотел бы как можно больше передать код.

Я предполагаю, что после того, как каждый сеанс загрузки будет завершен, PHP-скрипт будет генерировать HTML-файл в файле галереи, а не каждый раз, когда посетитель получит доступ к странице, на которой он создает контент на основе каталога.

Могу ли я получить совет относительно того, как лучше подойти к этому?

  • Какие языки лучше всего подходят для каждого шага? (Я хотел бы использовать в основном jQuery, поскольку это большая часть моего JS)
  • Любые предложения по методам или последовательности?
  • Что не следует делать вместе?

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

все, что вам нужно, это хороший файловый загрузчик, встроенная галерея на основе jquery и некоторая помощь php-функции «file_put_contents». процесс здесь после успешной загрузки вашего сценария должен генерировать правильный список изображений ul li из нужной папки. пример:

 $theGallery ="<ul class='gallery'>"; $dir = "dir_of/images"; $good_ext = array(".jpg",".gif"); if ($handle = opendir($dir)) { while (false!== ($file = readdir($handle))) { $ext = strrchr($file,"."); if(in_array($ext,$good_ext)) { //do something with file $theGallery .="<li><img src='".$file."'></li>"; } } closedir($handle); } else { $theGallery .="<li>Directory does not exist!</li>"; } $theGallery .= "</ul>"; 

а затем добавить некоторые html и javascript-коды, например:

  $(document).ready(function(){ $('ul.gallery').toGallery(); }); 

некоторые jquery plug-ins легко реализовать именно так. благодаря селекторам.

заключительная часть скрипта, если поставить динамически сгенерированные html-коды в файл. поэтому мы будем использовать «file_put_contents» или любые функции, которые делают то же самое.