Скрипт для галереи php

Содержание

Назначение скрипта фотогалереи
Изменения в новой версии скрипта
Админпанель и функции скрипта фотогалереи
Настройка файлов и папок галереи на хостинге
Простая галерея на PHP
Комментарии ( 4 ):
Фотогалерея на PHP + MySQL + jQuery — за час с нуля

Назначение скрипта фотогалереи

1. Скрипт позволяет легко развернуть фотогалерею на своём сайте.
— возможность настройки верхней и нижней части всех страниц ( top.html и bottom.html );
— отправка на емайл админу сообщения о добавлении фото в галерею (опционально) ;
— автоматически указываются дата/время/размер/ширина/высота фото при добавлении;
— выбор количества отображаемых фото на каждой странице, разбивка на страницы;
— Админинтерфейс с возможностью редактирования/удаления фотографий.
— простой но настраиваемый блок «Антиспам». Код меняется каждые 24 часа, есть возможности менять количество символов цифрозащиты.

Изменения в новой версии скрипта

2. Фишки и изменения в новой версии по сравнению с v. 1.5 и 1.6:

— Скрипт сконвертирован в кодировку UTF-8. Возможна адаптация скрипта для любых языков, поддержка всех функций php 7;
— в админпанель добавлена справочная информация: размер БД и фото по объёму занимаемому на жёстком диске;
— в админпанели при редактировании пересчитывается размер фотографии (теперь в МБ, ранее в КБ);
— в админпанель добавлен модуль «просмотр БД» для просмотра содержимого главного файла данных и комментариев;
— при загрузке фото если имя файла состоит из русских букв, то оно автоматически переименовывается в формат вида XXXXX, где X — число от 0 до 9;
— добавлено дополнительное поле для полного описание фото (до 5000 символов). Отображается при открытии фото на весь экран;
— исправлена ошибка: ввод защитного код на страницах index.php?event=formacoment и index.php?event=addform отображался был не обязателен;
— дизайн кнопок вперёд, назад, вернуться изменён на css-div блоки. Внешний вид меняется теперь в таблице стилей style.css;
— Исправлены темы оформления, подобрана цветовая гамма для всех 7 скинов;
— изменить код антиспам на новую версию.

Админпанель и функции скрипта фотогалереи

функционал:
— по многочисленным просьбам реализованы «Автослайды» (показ фото в автоматическом режиме). Время показа выставлено на 7 секунд. Меняется в index.php;
— теперь при добавлении фото вносить емайл не обзяательно;
— дизайн скрипта адаптирован для мобильных и планшетов (разрешение от 320х240 px), таблицы в коде преобразованы в div’ы;

админпанель:
— добавлено поле ключевые слова для лучшей индексации фотогалереи поисковыми системами;
— добавлена возможность редактировать рекламный баннер через админку. Месторасположения файла: data/banner.html;
— конфиг файл: Кто может добавлять фото? всё/админ 1/0 , при выборе 0 , фото не может добавить даже админ.

— теперь в админке по-умолчанию указано максимально допустимое разрешение файлов полнокадровый 4K: 4096 х 3072 пикселей. Включена корректная поддержка таких изображений в скрипте;
— Новый переключатель: возможность выбора: показывать общий бал оценок или среднее число;
— страница входа в админпанель изменена на универсальный вариант;
— в админпанели выведено кол-во коментариев у фото и ограничение на максимальное кол-во коментариев перенесено в блок настройки;
— изменена структура файла данных и файл переименован с fotobase.dat на fotobase.csv. Можно его открывать и редктировать в Excel или Open office. Разделитель |;

— Добавлена возможность запретить голосовать с одного и того же IP-адреса.
Менять параметр можно в index.php строка: $unikip=»1″; Здесь 1 — запретить, 0 — разрешить.

Настройка файлов и папок галереи на хостинге

Если скрипт не заработал, не бойтесь экспериментировать: изменяйте атрибуты файлов.
Иногда, на «сомнительном» хостинге, быстрый чат запускается с атрибутами 777 (вместо 755) и 666 (вместо 644) для файлов и папок соответственно согласно таблице. Либо 777 для всех файлов.

Правила пользования скриптом

################################################ # Разработчик скрипта: WR (Gavrilov Mikhail) # # Имя скрипта: WR-Gallery # # Кодировка: UTF-8 # # Версия скрипта: 1.7.1 # # Статус: Бесплатный скрипт # # Требования: PHP 5.2 - 7.3, GD-библиотека 2.0 # # Дата разработки: 05 октября 2019 года # # Страница: https://www.wr-script.ru/ # # E-mail: https://www.wr-script.ru/sendmail/ # ################################################

Источник

Простая галерея на PHP

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

Скрипт простой и его задача, в первую очередь, показать, как можно решать подобные задачи, ведь выводить можно не только картинки, а, например, список файлов в директории. Можно даже сделать свой файловый менеджер. Итак, вот код:

/* Функция для удаления лишних файлов: сюда, помимо удаления текущей и родительской директории, так же можно добавить файлы, не являющиеся картинкой (проверяя расширение) */
function excess($files) $result = array();
for ($i = 0; $i < count($files); $i++) if ($files[$i] != "." && $files[$i] != "..") $result[] = $files[$i];
>
return $result;
>
$dir = «images»; // Путь к директории, в которой лежат изображения
$files = scandir($dir); // Получаем список файлов из этой директории
$files = excess($files); // Удаляем лишние файлы
/* Дальше происходит вывод изображений на страницу сайта (по 4 штуки на одну строку) */
?>

» alt=»»/>

Комментарии ( 4 ):

Лучше не делать никакие 4 штуки на 1 строку, тогда можно сделать адаптивную вёрстку, чтобы в строке было столько картинок, сколько помещается на экране.

Подскажите, а как сделать чтобы при нажатии на картинку открывалась картинка большого размера?

Это можно сделать с помощью JavaScript, лучше всего использовать jQuery

Функция scandir сортирует список, что нежелательно для вывода фоток, т.к при добавлении новых они теряются среди множества других, уже существующих. Флаг SCANDIR_SORT_NONE не работает даже при версии php более 5.4. Чем эту функцию можно заменить?

Для добавления комментариев надо войти в систему.
Если Вы ещё не зарегистрированы на сайте, то сначала зарегистрируйтесь.

Источник

Фотогалерея на PHP + MySQL + jQuery — за час с нуля

Здравствуй, уважаемый хабрачитатель!
Сразу к делу – заказчик скоро начнет писать гневные письма, а над фотогалереей ты еще даже не начинал работать! Причем нужно сделать галерею с автоматизированным созданием превьюшек, комментариями, сортировкой фото и красивыми модальными окнами:

Срочно, срочно под хабракат!

Итак, у нас впереди куча работы – проектирование БД, создание админки и пользовательской части. Разберем самый простой пример – у нас просто должна быть страница с фотогалереей, без разбивки на категории и постраничной прокрутки, все это легко добавляется потом. Категории добавляются при помощи дополнительного поля в таблице с фотками, таблицы с категориями и несколькими строками кода, а про постраничный вывод из БД и так написана куча статей, на том же Хабре.

Начнем с начала – с базы данных, MySQL. Нам нужна таблица с фотками. Нужные поля: id фото, ссылка на большое изображение, ссылка на превью, комментарий к фото и порядковая позиция фото. Вот скриншот из phpMyAdmin и sql-код:

CREATE TABLE `photos` ( `id` int(5) NOT NULL auto_increment, `comment` text NOT NULL, `big` varchar(30) NOT NULL, `small` varchar(30) NOT NULL, `ord` int(5) NOT NULL default '999', PRIMARY KEY (`id`) ) ENGINE=MyISAM DEFAULT CHARSET=cp1251 AUTO_INCREMENT=157 ;

Прошу прощения за windows-1251, я не разжигаю межнациональную рознь, не используя Юникод, но у меня проблемы с UTF на локальном сервере (да-да, с руками проблемы)).

Отлично, теперь немного о используемых файлах и структуре каталогов. Для реализации клиентских скриптов используется jQuery с плагинами jCrop для создания миниатюр и fancybox для показа красивых модальных окон и галереи. Вот дерево каталогов:

В папке js – файлы jQuery и jCrop, в папке admin файлы photos.php и photo_add.php. В первом у нас базовая форма для загрузки фото, редактирование каталога фоток и изменение порядка, вот как это выглядит:

Код не привожу, там все просто, исходники получите внизу страницы 🙂

В файле photo_add.php у нас работает jCrop для создания миниатюр, который пересылает параметры миниатюры небольшому скрипту на php.

Вот код скрипта, создающего миниатюру:

if (isset($_POST['t'])) < $targ_w = $targ_h = 100; $jpeg_quality = 95; $src = "../upload/b.jpg"; $img_r = imagecreatefromjpeg($src); $dst_r = ImageCreateTrueColor( $targ_w, $targ_h ); imagecopyresampled($dst_r,$img_r,0,0,$_POST['x'],$_POST['y'],$targ_w,$targ_h,$_POST['w'],$_POST['h']); imagejpeg($dst_r,"../upload/s.jpg",$jpeg_quality); header("Location:photos.php?ok=ok"); exit; >

Фотографии загружаются в папку upload, убедитесь, что у нее есть права на запись.

За порядок фото отвечает поле `ord` в БД, по умолчанию оно равно 999 для всех фоток. Меняя это значение, можно поставить любой порядок для фото. Также можно сделать приятный Drag’n drop интерфейс для изменения порядка фото, но тогда мы не уложимся за час 🙂

Теперь перейдем к файлу gallery.php в корне нашего проекта, он и отвечает за вывод нашей красивой галереи:

В head необходимо подключить скрипты jquery и fancybox, а также иницииорвать галерею:

А вот сам код вывода наших фоток:

Тоже все очень просто, фотки выводятся по 3 в ряд в таблице.

Все готово! Пример галереи можно увидеть здесь.
Исходники загрузить здесь.

Права на все тестовые изображения принадлежат их создателям.

Источник