Галерея для сайта. Урок 2

Галерея для сайта

От автора: в первом уроке цикла Галерея для сайта мы создали основную разметку и оформление галереи. Галерея работает, однако она имеет существенный недостаток. Дело в том, что сейчас для добавления новой картинки в галерею, нам придется писать для нее HTML-код. Это очень неудобно, если мы часто и много добавляем картинок. Еще больше неудобств это доставит, если мы используем на сайте более чем одну галерею. Ну а если пользователь не умеет работать с HTML-кодом, тогда добавление новых картинок в галерею представляется довольно проблематичным процессом.

скачать исходникискачать урок

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

Итак, создадим файл функций – functions.php – и напишем в нем несложную функцию:

Бесплатный курс по PHP программированию

Освойте курс и узнайте, как создать динамичный сайт на PHP и MySQL с полного нуля, используя модель MVC

В курсе 39 уроков | 15 часов видео | исходники для каждого урока

Получить курс сейчас!

Всего тремя строками кода мы получим все картинки нужной папки в массив. Функция scandir() получает содержимое каталога в массив. Знак собаки мы поставили для того, чтобы не сыпать ошибками, если произойдет обращение к несуществующему каталогу.

Функция unset() во второй строке удалит из массива два первых элемента, которые будут представлять собой указатели на текущий и родительский каталоги. Ну и последней строкой мы вернем полученный массив.

Теперь остается вызвать функцию и пройтись в цикле по полученному массиву. В начале индексного файла пропишем следующие строки:

Здесь мы подключили файл функций. Далее определяем 2 переменных, в которых указали путь к папке с большими и маленькими картинками. Папки big и small при этом я перенес в папку с номером 1. Это будет первая галерея сайта. В дальнейшем достаточно в папке img создавать дополнительные папки для новых галерей. Ну и наконец вызываем функцию get_images(), которая вернет массив картинок в переменную $images.

Удаляем старый вывод картинок и вместо него пропишем цикл:

Если все сделано верно, то мы должны увидеть на странице все картинки галереи. Теперь достаточно просто закинуть новые картинки в соответствующие папки, и они сразу же появятся на странице галереи.

На этом мы завершим текущий урок. Удачи и до новых встреч!

Бесплатный курс по PHP программированию

Освойте курс и узнайте, как создать динамичный сайт на PHP и MySQL с полного нуля, используя модель MVC

В курсе 39 уроков | 15 часов видео | исходники для каждого урока

Получить курс сейчас!

Разработка веб-приложения на PHP

Создайте веб-приложение на PHP на примере приема платежей на сайте

Смотреть

Метки:

Похожие статьи:

Комментарии Вконтакте:

Комментарии Facebook:

Комментарии (10)

  1. Игорь

    А как реализовать такой скрипт, что бы картинки из папки, к примеру, gallery_pics_fullsize, сами обрезались в превью и складывались в gallery_pics_thumbs? Это было бы очень удобно же, не пришлось бы в ручную обрезать картинки, когда их за три сотни в галерее. Спасибо.

    • Андрей Кудлай

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

  2. Виктор

    Андрей Кудлай
    можете дать ссылку на этот урок по созданию скрипта,не могу что-то найти…

  3. Андрей

    Здравствуйте! Подскажите пожалуйста как к каждой картинке добавить ссылку на какойнибуть сайт? Спасибо.

    • Андрей Кудлай

      Здравствуйте. Для этого необходимо где-либо (БД, текстовый файл) хранить ссылки, которые будут соответствовать той или иной картинке. В дальнейших уроках показана работа с БД, соответственно, в таблице картинок просто потребуется добавить поле ссылки и выводить его значение, точно так же, как и изображения.

Добавить комментарий