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

Question

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

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

Идея:

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

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

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

Что я имею в виду:

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

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

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

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

Заранее благодарен!

Answer 1

все, что вам нужно, это хороший загрузчик файлов, встроенная галерея на основе 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 и яваскрипт код, как:

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

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

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