Работа с файлами фотогалереи. Редактируем изображения.

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


Работа фотогалереи

В своей работе фотогалерея не требует никаких настроек.
При нажатии на превью изображения (маленькая картинка) оно увеличивается до оригинального размера, ограничиваясь только размерами монитора.
При повторном нажатии на увеличенное изображение по центру оно возвращается в исходное положение превью.
Нажатие левее или правее цента открытого изображения производит навигацию по картинкам: предыдущее - следующее.
В файле js/fancyboxjquery.fancybox.css можно настроить фон. По умолчанию установлен черный #000000


Работа с изображениями

Добавление своих фотографий или картинок сводиться к замене уже имеющихся в шаблоне. Вам достаточно разместить свои изображения в папке photos и они появятся в фотогалереи. Название картинки должно совпадать с прописанным названием в коде страницы.
Размер уменьшенных копий изображений 140x140 пиксел. При загрузке их на сервер необходимо соблюдать эти размеры или произвести небольшую модерацию в файле inc/gallery.php
Можно не создавать превью (уменьшенные копии) и указывать адрес оригинальных изображений, но тогда картинка принудительно уменьшится до размера 140х140, а это исказит его. Также пострадает его качество, как результат некорректного уменьшения.


Есть 2 варианта замены изображений на свои:

1. Простой способ. Дать названия своим картинкам такие же, как в папке phopos. Удалить существующие картинки и вставить в эту папку свои (заменить). В этом случае не надо будет вносить изменения в файл inc/gallery.php.
2. Продвинутый способ. Загрузить в папку phopos картинки с любыми названиями и прописать эти названия в файле галереи inc/gallery.php


Соблюдайте прописку расширений файлов изображений: jpg и jpeg (есть разница), png, gif... Следите, чтобы название картинки в папке совпадало с названием картинки прописанным в коде страницы. А также за путями расположения папок с изображениями: в нашем случае: photos/имя-картинки.jpg

Все описанное выше является основами HTML кода.



◄ Предыдущая | НАЧАЛО | Следующая ►